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/