同じ名前の複数のHTMLフォームを使用することはできますか？

Question

私はこれをやりたいと思っている正当な理由がありますが、それは長い話です。理由を説明しようとするのを忘れてしまいます。

同じ名前の複数のフォームが必要なページがありますが、送信ボタンがクリックされたフォームのみが必要です。たとえば、次のようなものが私のページにあります。

<form name="input" action="" method="get"> 
Username: <input type="text" name="user" /> 
<input type="submit" value="Submit" /> 
</form> 

text 

<form name="input" action="" method="get"> 
Username: <input type="text" name="user" /> 
<input type="submit" value="Submit" /> 
</form> 

text 

<form name="input" action="" method="get"> 
Username: <input type="text" name="user" /> 
<input type="submit" value="Submit" /> 
</form> 

これは受け入れられますか？

Answer 1

formの要素は、一意性の要件がないため、同じname属性を使用することができます。しかし、そのような属性の目的は敗北します。クライアント側のスクリプトでフォームを参照しやすくするためのものです。<form name=foo>がある場合、document.fooはそのフォームを参照します。

同じname属性が使用されている場合の動作は不明ですが、ブラウザのように見えるのは配列を返すことです。あなたの例では、document.fooは3要素配列で、document.foo[0]が最初の形式です。しかし、これは有用ではありません。文書内に他の形式がないと仮定すると、よく定義された意味でdocument.forms[0]を使うことができます。

nameの属性自体は、form要素の旧式です（フォームフィールドでは必須ではありません）。 HTML 4.01 spec clause on formはこう言っています：

"name = cdata [CI] この属性は、スタイルシートまたはスクリプトから参照されるように要素の名前を付けます。注意。この属性は下位互換性のために含まれています。アプリケーションでは、要素を識別するためにid属性を使用する必要があります。

HTML5のドラフトでは、正式な規則でも同じname属性を使用できません。 HTML5 clause on the name attribute on formは、その値が "ある場合は、formsコレクション内のform要素の中で一意でなければなりません"と述べています。これは混乱する処方ですが、ドキュメントの要素の中で一意でなければならないと考えるのが最も安全です。

Answer 2

はい、許可されているのは、idのものだけが一意である必要があります。しかし、私はそれをお勧めしません、なぜなら、混乱している道に身を置くことさえあるのです。

属性は、各フォームフィールド要素がサーバーに送信されたときに表示されるものだけを定義します。

Answer 3

ユーザーが送信ボタンをクリックすると、そのフォームのみが実行されます。それでも、混乱しないように名前を付ける方が良いでしょう:)

Answer 4

HTML5でもOKです。名前はフォーム内で一意でなければなりません。

docs： "値は空の文字列であってはならず、その値はフォームコレクション内のフォーム要素の中で一意でなければなりません。