H5表单相关新增元素和属性

 

1表单元素新增和废弃的属性                                

表单新增的属性可以分成两类:

提交类:提交给副武器的相关属性,formaction,formmcthod,formtype

控制类:required,antofocus,labels

 

(1) form属性:

在H5之前,表单内所有的从属标签(下级标签),必须书写在form标签内部。

H5:允许标签写在任何地方,但是,需要做两步操作:(1)给form设置一个id(2)给元素设置form属性,form属性的值就是form id属性的值。

<form action="" id="testForm">
    请输入日期:<input name="date" type="text"/>
    <input type="submit" value="提交"/>
form>
请输入密码:<input form="testForm"name="psd"type="password"/>

 

(2) formation

在H5之前,表单内所有的submit,只能提交到一个统一的地址,也就是指定的action,

H5可以为每一个submit设置不同的action,是通过设置formaction属性来实现的。

<form id="testForm">
    请输入日期:<input name="date" type="text"/>
    请输入密码:<input form="testForm" name="psd" type="password"/>
    <input type="submit" value="提交1"formaction="xx.api"/>
    <input type="submit" value="提交2"formaction="xx2.api"/>
form>

(3)formmethod

<form>
    请输入日期:<input name="date" type="text"/>
    请输入密码:<input name="psd" type="password"/>
    <input type=


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部