百变鹏仔-专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > HTML > 正文

html5新增的表单type新属性值

作者:鹏仔先生日期:2020-06-02 15:34:33浏览:3464分类:HTML

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

type="email"

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


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

type="url"

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


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

type="number"

    eg:

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

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


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

type="range"

    eg:

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


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

type="color"


6. 选择一个日期

type="date"


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

type="time"


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

type="month"


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

type="week"


手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯