HTML <button> 标签form属性

  • <button>标签form属性定义和用法

    form属性指定按钮所属的一个或多个表单。

  • <button>标签form属性浏览器支持

    IE Chrome FireFox Safari Opera
    不支持 10.0(含)以上 4.0(含)以上 5.1(含)以上 9.5(含)以上
  • <button>标签form属性语法

    <button form="form_id">

  • <button>标签form属性实例

    <!DOCTYPE html>
    <html>
    <body>
    
    <form action="/jc_script/urlencode.php" method="get" id="nameform">
      First name: <input type="text" name="fname"><br>
      Last name: <input type="text" name="lname"><br>
    </form>
    
    <p>下面的按钮位于表单元素之外,但仍然是表单的一部分。</p>
    
    <button type="submit" form="nameform" value="Submit">提交</button>
    
    <p><b>通知:</b> form属性在IE中不起作用。</p>
    
    </body>
    </html>
    
    尝试一下
  • HTML4.01和HTML5之间的差异

    form属性是HTML5中的新增功能。

  • <button>标签form属性值

    属性值 描述
    from_id 指定<button>元素所属的表单元素。该属性的值必须是同一文档中元素的id属性。