HTML 5 form属性サポート

<form id="contact_form" method="get">
    <p>
        <label for="name">  ：</label><input type="text" id="name" name="name">
    </p>
    <p>
        <label for="email">  ：</label><input type="email" id="email" name="email">
    </p>
    <input type="submit" id="submit" value="  ">
    <a href="html5-new-form-attribute.html" class="reload">     </a>
</form>
<p>
      ：<textarea id="comments" name="comment" form="contact_form [     id，     form  ]"></textarea>
</p>

HTML 5のformプロパティは、HTMLコントロール要素をフォームの外に孤立させ、フォームがコミットされるとフォーム内のコントロール要素だけでなく、この孤立したコントロール要素の値も一括してコミットできます.
 
回転元:http://www.zhangxinxu.com/wordpress/?p=1715
demo: http://www.zhangxinxu.com/study/201106/html5-new-form-attribute.html
 
 
 
 

<form action="demo_form.asp" method="get" id="user_form">
First name:<input type="text" name="fname" />
<input type="submit" />
</form>

<form action="demo_form.asp" method="get" id="user_form_2">
First name:<input type="text" name="fname2" form="user_form" />
<input type="submit" />
</form>

 
input[name="fname 2"]要素、form属性をuser_と定義form、でも自分はwrapにuser_form_2.ここでuser_をクリックするとformのコミットボタンは、input[name="fname 2"]要素とともにコミットされますが、user_をクリックするとform_2のコミットボタンは、コミット内容が空です
 
まとめ:inputがform属性を定義すると、彼がそこにいても、form内にいても、formとは独立していても、彼はform属性が指定したform要素に属しているだけです!!
 
注:良い文章、腐った筆頭、良い記憶