本文共 1345 字,大约阅读时间需要 4 分钟。
<input/> type 属性
type 属性值 | 描述 |
---|---|
text | 没有键入type时候的默认类型,定义为输入任意文本内容; |
定义输入电话号码的字段,在移动端触屏移动端使用,用于唤起数字输入键盘,并不能限定只输入纯数字 | |
定义邮件地址,当提交表单时会自动对 email 字段的值进行验证 | |
定义单选,在传参时,name属性值定义相同,然后设定不同的value值,<label> 的for属性值对应<radio> 的id属性值 | |
checkbox | 定义多选,name相同,value值不同 |
password | 定义密码 |
button | 定义一个纯按键,常用于触动js函数,启动JavaScript 程序 |
range | 定义用于精确值不重要的输入数字的控件(比如 slider 控件),min,max,step,value的定义同number |
search | 定义搜索框,外层需要有form表单,才能在移动端的软键盘显示“搜索” |
定义网址地址 ,限定网址格式 | |
定义颜色 ,存在value值中,value值为16进制(eg.#000000),颜色从拾色器中选取,该属性的组件由两层div组成的,chrome提供了两个伪类来控制 | |
hidden | 隐藏输入字段,可以作为type=“hidden”,也可以作为hidden = “hidden”,其效果相同 |
submit | 提交form表单操作,传参不带有x,y的坐标(如.html?fname=姓&lname=名字) |
image | 可做背景图片,或者提交作用(传参中带有image的x,y坐标,如.html?fname=姓&lname=名字&x=19&y=25) |
重置为默认值 |
type 属性值-时间 | - |
---|---|
date | 定义日期(年月日)选择,格式xxxx-xx-xx |
datetime-local | 定义日期+时间选择,无时区限制 |
month | 定义时间(年月),格式xxxx-xx |
week | 定义时间(年,周),格式xx-Wxx,无时区限制 |
time | 定义时间(分钟),格式xx:xx,无时区限制 |
<input type='color'/>
的样式设置转载地址:http://lqhwi.baihongyu.com/