H5新增表单输入项

来源：互联网发布：加拿大软件培训编辑：程序博客网时间：2024/05/22 16:41

1、email：type="email " 校验email的格式

2、url：type="url " 主页url格式

3、number：type="number" 数字校验

4、range（min，max，step）:type="range" min=0 max=2 step="0.1" 相片比例

5、日期类型data，month，week，time，datetime，datatime-local

6、search类型：搜索框

7、color类型:type="color" 调用颜色框

8、placeholder="请输入用户名" 底层提示信息

9、autofocus="on" 自动获得焦点

10、<input type="file" name="image" multiple="multiple"/> 同时上传多个文件

11、<input type="text" pattern="[0-9]{6}" title="请输入六位密码"/> 正则属性

12、<input type="text" required="required"/> 不允许为空

13、自动补全

<form autocomplete="on">       <input type="text" list="citylist">        <datalist style="display:none;">               <option value="beijing">Beijing</option><span style="white-space:pre"></span></datalist></form>

0 0