17

複数のファイルを含む私の既存の Web ページ レイアウトでは、1 つは高レベルのレイアウトを指定し、2 つの要素があり、1 つは左側の列用、もう 1 つは右側の列用です。

要素が左の列と右の列の両方に分散している単一の論理<form>(単一のアクションを持つ) が必要です。<input>これを行う唯一の方法は、要素を両方<div>の s の親にする (そして私のレイアウト コードをリファクタリングする) か、または<form [something]>両方の div 内で同様のことを行うことで、1 つのフォームで [送信] をクリックすると両方のフォームからすべての入力が送信されるようにすることですか?

4

4 に答える 4

10

人々は質問を見逃していると思います。A<form>には、必要な要素を含めることができます。ページのレイアウトが次のような場合:

<body>
    <div id="leftColumn"><input name="foo" type="text"></div>
    <div id="rightColumn"><input name="bar" type="text"></div>
<body>

foo別のbarフォームは必要ありません。<div>これらの s の両方を 1 つの<form>要素内に喜んで含めることができます。

<body>
    <form name="onlyOneForm">
        <div id="leftColumn"><input name="foo" type="text"></div>
        <div id="rightColumn"><input name="bar" type="text"></div>
    </form>
<body>
于 2012-12-14T19:15:22.697 に答える
8

(回答を受け入れずに自分の回答を投稿して申し訳ありませんが、私が得た回答がHTML5で最新のものではないことがわかりました!)

HTML5 では、要素 [1]のform=属性が導入されています。`要素<input>ができるように。<input form="form1" name="input1" /> and have it in a nested inner form, or even outside of the

[1] http://www.w3.org/TR/html5/association-of-controls-and-forms.html#attr-fae-form

于 2012-12-15T00:39:08.277 に答える
8

両方のフォームを送信する唯一の方法は、両方<div>の を 1 つの<form>タグでラップすることです。または、jQuery/JavaScript を使用してデータを集約し、1 つの送信としてまとめて送信することもできます。

于 2012-12-14T18:21:04.537 に答える
1

簡単な答えはNoです。1 つのフォームとして機能する 2 つの別個のformタグを使用することはできません。

<form>
  <!-- some content with input elements has no relation with other form tag on this page, it just ends where you specify the end tag -->
</form>

<form>
  <!-- Has  no relation with the first form -->
</form>
于 2012-12-14T18:21:42.327 に答える