您的位置:首页 > Web前端 > HTML

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

2015-04-16 16:17 543 查看
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>


当点击jj的时候就会在跳转到a.aspx页面,如果点击form1 则提交到当前页面。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  表单 form html5 嵌套