html5新增表单新属性

2024年04月03日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客

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://so.lmcjl.com/news/1044/

展开阅读全文