专注前端行业精选
html5新增表单新属性
作者:鹏仔先生日期:2020-06-02 15:40:38浏览:2221分类: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>
猜你还喜欢
- 12-28 PHP的语法
- 09-14 nvm常用命令有哪些?nvm如何切换node版本?nvm如何下载node?
- 08-19 使用HBuilderX将vue或H5项目打包app
- 07-15 小程序嵌入网页向小程序跳转并传参,微信小程序中实现公众号授权获取openId
- 10-25 js替换字符串某个字符,js修改字符串中指定字符
- 10-20 uniapp中text-indent不起作用,uniapp首行缩进不管用如何解决?
- 08-12 elemtnui 表格如何修改某行文字颜色
- 08-03 vue中调用百度地图 获取经纬度
- 07-09 uniapp小程序实现录音 uniapp小程序长按录音 点击播放等功能(CSS实现语音音阶动画效果)
- 04-30 object-fit:cover;在小程序中不起作用,小程序图片变形了如何处理
- 04-26 (安卓/IOS)APP调用H5事件,H5调用APP事件
- 04-26 css防止图片变形 object-fit: cover; 属性介绍
取消回复欢迎 你 发表评论:
- 搜索
- 随机tag
暂无评论,来添加一个吧。