formの外のinput要素をformに含める

こんばんは。きわさです。

HTMLのform送信時、formの外にあるinput要素もformに含めたいこともあるかと思います。
そんなときのための方法です。

<body>
    <form id="form1" method="POST" action="test.php">
        <input type="text" name="text1" id="text1" />
        <input type="submit" value="submit" />
    </form>
    <input type="text" name="text2" id="text2" form="form1" />
</body>

formの中にはテキストボックスが1つとsubmitボタンが1つあり、
formの外にもテキストボックスが1つあります。
通常は、submit時はformの中の要素を送信しますが、input要素のform属性でformのidを指定するとその要素もformに含むことができます。

この例では、formのidは form1 、そしてformの外のinput要素のform属性に form1 を指定しているため、form送信に含めることができます。

※ただし、IEでは動かないようです。

スポンサーリンク