html5新增的表单type新属性值

1. 限制用户输入必须为邮箱类型

type="email"

注:必须含有@,@前后内容不能为空

2. 限制用户输入必须为url地址

type="url"

注:必须含有http: ,并且http: 后面要有内容

3.限制用户输入必须为数字

type="number"

eg:

<inputtype="number"max="30"min="1"value="1"step="2"/>

注:max为可以输入的最大值,min为可以输入的最小值,value是默认值,step为每次递增和递减的数量

4. 产生一个滑动条的表单

type="range"

eg:

<inputtype="range"min="1"max="100"value="20"/>

5. 产生一个选择颜色的面板

type="color"

6. 选择一个日期

type="date"

7.选择一个时间(时、分)

type="time"

8.选择一个月份(年、月)

type="month"

9. 选择当前日期或指定日期是这一年的第几周

type="week"

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
收藏
海报
分享链接:https://blog.piaoyun.com/code/2020/6817.html 分享到 :


src

------本页内容已结束,喜欢请分享.亦可扫码进入我们的交流服务群------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享