HTML 5 已经可以完全脱离form 表单嵌套

最新推荐文章于 2024-06-04 14:32:38 发布

qq_25853275

最新推荐文章于 2024-06-04 14:32:38 发布

阅读量1.2k

点赞数

分类专栏：前端工具文章标签：表单 form html5 嵌套

前端工具专栏收录该内容

2 篇文章

订阅专栏

本文探讨了HTML5表单标签如何脱离form表单的嵌套，并提供了在Asp.net中的使用实例。通过指定form表单元素的id属性，将form表单标签添加formid属性，实现标签与form表单的分离。实例展示了如何在不同情况下触发表单提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html5 form表单中标签脱离form表单的嵌套。

以前，使用表单时，表单标签都是嵌套在form表单元素中。eg：

<form name='myform' action='aixuexi.php' method='post' >
    <input type="text" name='userName' valu=""/>
    <input type="password" name="userPwd" value=""/>
    <input type="submit" name="" value="用户注册"/>
</form>

而在html5中,可以使用form表单中的标签脱离form表单的嵌套。

方法：form表单元素指定id属性, 对form表单标签均添加form id=”“属性，eg：

<form action="" method="post" id="register"></form>
<input type="text" name="userName"  value="" form="register" />
<input type="password" name="userPwd" value=""  form="register" />
<button type="submit"  form="register">提交</button>

以上部分转自：http://jingyan.baidu.com/article/046a7b3ec29244f9c27fa999.html

在Asp.net中的使用实例，eg：

<form id="jj" action="a.aspx"></form>
<form id="form1" runat="server">
  <div>
      123456
      <input type="submit" id="form1" value="form1"/>
  </div>
  <input type="submit" form="jj"  value="jj"/>
</form>