百变鹏仔-专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > HTML > 正文

html5新增表单新属性

作者:鹏仔先生日期:2020-06-02 15:40:38浏览:3860分类:HTML

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>


手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯