HTML 标签的 form 属性

form属性指定元素所属的表单。

此属性的值必须等于同一文档中 <form> 元素的id属性。


实例

位于表单之外的提交按钮:

  1. <!DOCTYPE HTML>
  2. <html>
  3. <body>
  4. <form action="/example/html/demo_form.aspx" method="get" id="nameform">
  5. 姓氏:<input type="text" name="lname"><br>
  6. 名字:<input type="text" name="fname"><br>
  7. </form>
  8. <p>下面的按钮位于 form 元素之外,但仍是表单的一部分。</p>
  9. <button type="submit" form="nameform" value="提交">提交</button>
  10. </body>
  11. </html>

定义和用法

form属性指定元素所属的表单。适用于 <button>,<fieldset>,<input>,<label>,<meter>,<object>,<output>,<select>和<textarea>标签。

此属性的值必须等于同一文档中 <form> 元素的id属性。


HTML 4.01 与 HTML 5 之间的差异

form 属性是 HTML 5 中的新属性。


语法

  1. <button form="value">

更多实例

  1. <form action="/example/html/action_page.aspx" method="get" id="form1">
  2. 你最喜欢的颜色是什么?? <input type="text" name="fav_color"><br>
  3. <input type="submit">
  4. </form>
  5. <fieldset form="form1">
  6. 名称: <input type="text" name="username"><br>
  7. Email: <input type="text" name="usermail"><br>
  8. </fieldset>
  1. <form action="/example/html/action_page.aspx" id="form1">
  2. 姓氏: <input type="text" name="fname"><br>
  3. <input type="submit" value="提交">
  4. </form>
  5. 名字: <input type="text" name="lname" form="form1">
  1. <form action="/example/html/action_page.aspx" method="get" id="form1">
  2. 姓氏: <input type="text" name="fname"><br>
  3. <input type="submit" value="提交">
  4. </form>
  5. <meter form="form1" name="x1" min="0" low="40" high="90" max="100" value="95"></meter>
  1. <form action="/example/html/action_page.aspx" id="form1">
  2. 姓氏: <input type="text" name="fname"><br>
  3. <input type="submit" value="提交">
  4. </form>
  5. <object data="helloworld.swf" height="400" width="400" form="form1" name="obj1"></object>