html5新增表单新属性

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

<inputtype="text"required="required"/>

注: 可以省略属性值 required

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

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

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

<inputtype="text"autofocus/>

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

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

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

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

step为每次递增递减的数量

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

eg:

<inputtype="search"list="data"/>
<datalistid="data">
<option>a</option>
<option>b</option>
</datalist>

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

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

7. 取消表单验证

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

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
收藏
海报
分享链接：https://blog.piaoyun.com/code/2020/6819.html 分享到 :


src

感谢您的来访，获取更多精彩文章请收藏本站。