input标签
知有
193
input元素可以指定id、style、 class 等核心属性,也可以指定onclick等事件属性,还可以指定onfocus、onblur 等焦点事件属性。
input元素是表单控件元素中功能最丰富的以下几种输入元素都是通过input元素生成的:
input元素的type属性值 | 作用 |
text | 单行文本框。 |
password | 密码输入框。 |
hidden | 隐藏域。 |
radio | 单选框。 |
checkbox | 复选框。 |
image | 图像域(可以指定width和height)。 |
file | 文件上传域。 |
submit | 提交按钮。 |
butto | 无动作按钮。 |
reset | 重置按钮。 |
color | 颜色选择器(value填颜色值)。 |
date | 日期选择器。 |
time | 时间选择器。 |
datetime | 生成一个UTC日期、时间选择器。 |
datetime-local | 生成一个本地日期、时间选择器。 |
week | 生成一个供用户选择第几周的文本框。 |
month | 月份选择器。 |
生成E-mail输入框。 | |
tel | 生成只能输电话号码的文本框。 |
url | 生成URL输入框。 |
number | 生成只能输数字的文本框。 |
range | 生成一个拖动条。 |
search | 生成一个专门用于输入搜索关键字的文本框(与type="text"的文本框没有太大区别)。 |
input除type属性外还可设置以下的属性:
属性 | 属性值 | 作用 |
checked | checked | 设置单选框(radio)和复选框(chexkbox)的初始状态。 |
disabled | disabled | 设置首次加载时禁用该元素(元素被禁用,则该元素无法获得输入焦点、无法选中、无法在其中输入文本,无法响应鼠标单击、双击等事件。当type="hidden"时不能指定该属性)。 |
maxlength | 数字 | 指定文本框中所允许输入的最大字符数。 |
readonly | readonly | 指定该文本框不允许用户修改。 |
size | 数字 | 指定该元素的宽度(type="hidden"时不能设置)。 |
src | URL | 指定图像域所显示图像的URL(type="image"才能指定该属性)。 |