html5新增表单新属性

1. required 为必填项，不能为空

<input type="text" required="required"/>

    注: 可以省略属性值 required

2. placeholder 给input控件添加一个默认提示信息

<input type="password" placeholder="请输入密码"/>

3. autofocus 页面加载完成后自动聚焦到某个input框

<input type="text" autofocus/>

4. pattern 输入的内容必须匹配指定的正则表达式

<input type="text" pattern="^[a-zA-ZO-q]{6,16}$"/>

5. max/min  max为允许输入的最大数，min为允许输入的最小数

<input type="number" max="30" min="1" step="2"/>

    step为每次递增递减的数量

6. list 指定一个 datalist 作为下拉提示单

    eg: 

<input type="search" list="data"/>
<data list id="data">
    <option>a</option>
    <option>b</option>
</datalist>

    注: type 为 search 的input框的list属性值必须和datalist标签的id名一致才能实现搜索的功能

          type="srarch" 产生一个具有搜索意义的表单

7. 取消表单验证

<form novalidate="novalidate">...</form>

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓