HTML5 form表单新增

本文详细介绍了HTML5表单中的新特性,包括formaction属性实现的不同提交地址、formmethod属性设定提交方式、formenctype属性指定编码格式等。此外还介绍了与表单相关的其他属性,如autofocus自动获取焦点、required必填验证、placeholder提示信息等。

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

1. formaction属性,可以给多个submit按钮添加不同的提交地址;

<input type="submit" formaction="url" />

 

2. formmethod属性,给每个submit按钮添加提交方式;

<input type="submit" formaction="url" formmethod="POST"/>

 

3. formenctype属性,指定每个输入框不同的编码格式;

text/plain、multipart/form-data、application/x-www-form-urlencoded

4. fromtarget属性,与a标签的target属性一致;

_blank、_self、_parent、_top......

5. autofocus属性,自动获取焦点;

6. required属性,拥有此属性的输入框必须输入!

7. labels属性,表单中会存在多个label的for属性指向同一个输入框,那么js就可以通过这个输入框的labels属性获取到所有的label的数组。

$("#input").labels[2];//通过一个id为input的输入框获取它的第3个label

 

8. control属性,在一个标签中放了一个表单元素,那么js就可以通过这个标签的control属性获取到这个表单元素。

$("id").control;//通过control属性获取到这个表单元素

 

9. placeholder属性,输入框默认显示;

10. datalist标签,类似select标签,不同的是datalist是可以输入值的;

<datalist>

    <option value=""></option>

    <option></option>

</datalist>

11. autocomplete属性,自动填充,值on/off,后需要一个list属性值为需要填充的值;

12. pattern属性,正则表达式,符合正则表达式的输入才能通过提交;

13. selectionDirection属性,用户选择输入框中文字时通过js可获得值,未选择和从前到后选择值为forward,从后向前选择为backward;

14. indeterminate属性,复选框属性,表示当前复选框处于不明确是否选择状态,那么checkbox存在三中状态,选中,未选中,不明确;

15. image提交按钮的高度和宽度属性;

<input type="image" src="src" alt="alt" height="10" width="10"/>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值