html5新增表单新属性

2020-11-12 14:15发布

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>



作者:鹏仔先生

链接:http://sharedblog.cn/post/117.html

来源:共享播客
著作权归作者所有,转载请联系作者获得授权,切勿私自转载。