百变鹏仔-专注前端行业精选
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>
手机扫码访问
猜你还喜欢
- 11-01 vue中实现代码高亮
- 08-09 vue动态修改网站的icon图标
- 07-08 VUE中ECharts提示框tooltip自动切换
- 07-03 网页中生成微信小程序二维码
- 06-28 vue实现表格自动滚动功能 vue-seamless-scroll
- 04-19 VUE实现点击复制
- 04-16 vue将页面生成图片 vue生成海报
- 04-16 vue路由切换滑动效果 vue页面跳转交互 vue实现动画跳转
- 04-16 table固定表头和列 css实现表格固定表头
- 04-07 vue跳转页面清除历史记录,页面跳转删除历史记录
- 01-19 elementui多选上传 before-upload 格式效验错误总会触发before-remove (elementui多选上传on-success只执行了一次,只上传成功了一条)
- 10-08 vue按钮限制连点封装 自定义指令限制连点
取消回复欢迎 你 发表评论:
- 搜索
- 随机tag
暂无评论,来添加一个吧。