Web前端之路

input中type所包含的属性,以及起作用

2019-10-29  本文已影响0人  誩先生

input中的type属性中所包含的属性值及其用法:

text:普通文本域输入框

password:密码输入框(输入时是*显示)

hidden:隐藏域(不能显示出来,同时也不占位)

radio:单选框(选择框是圆形)

checkbox:多选框(选择框是方形)

file:文件上传

reset:重置按钮

button:普通按钮

submit:提交按钮

imge:提交按钮(同时是用图片作为背景点击)

注意:在IE9以下,以下新增的属性是不兼容的,会将其变成普通文本域

search:搜索域(和text文本输入框差不多,但是多了一个删除的X)

url:网址输入域(在提交时会进行检验,在移动端会弹出网址键盘)

tel:电话号码输入框(和普通输入框一样,多个语义化)

email:邮箱地址输入(会进行检测,是否含有@符号)

number:数值输入域(可以使用max,min,step数字间距,value默认)

range:滑动类型,用来控制一定数值的输入框(与上一致)

color:颜色选择框(会弹出色板供选择)

时间这类的属性:

date日期 month月份 time时间 datetime日期加时间 datetime- local日期加时间(在使用时凭自己需要使用)

上一篇下一篇

猜你喜欢

热点阅读