input 元素

的头像
201

而HTML 5 为﹤input.../﹥元素的type 属性新增了如下几种可能的类型。
color:让﹤input.../﹥元素生成一个颜色选择器。当用户在颜色选择器中选中指定颜色后,该文本框内自动显示用户选中的颜色,该文本框的 value 为该颜色的值,形如#xxxxxx 的颜色值。
date:让﹤input.../﹥元素生成一个日期选择器。
time:让﹤input.../﹥元素生成一个时间选择器。
datetime: 让﹤input.../﹥元素生成一个UTC日期、时间选择器。
datetime-local: 让﹤input.../﹥元素生成一个本地日期、时间选择器。
week: 让﹤input.../﹥元素生成一个供用户选择第几周的文本框。
month: 让﹤input.../﹥元素生成一个月份选择器。
email:让﹤input.../﹥元素生成一个 E-mail 输入框。浏览器将会自动检查该文本框的value,如果用户在该文本框内输入的内容不符合 E-mail 格式,浏览器将会不允许提交表单,并自动生成提示。当指定type="email"时,﹤input.../﹥元素可指定如下属性。
    multiple:该属性的值可以是multiple 或省略属性值。如果指定了该属性值,则表明该文本框内允许输入多个E-mail 地址。
tel: 让﹤input.../﹥元素生成一个只能输入电话号码的文本框。但这种类型的文本框并没有提供额外的要求,也就是用户完全可以向 type="tel"的文 本框内输入任意字符串。浏览器并不会执行太多额外的检查。
url:让﹤input.../﹥元素生成一个URL输入框。浏览器将会自动检查该文本框的 value,如果用户在该文本框内输入的内容不符合 URL格式,浏览器将会不允许提交表单,并自动生成提示。

number:让﹤input.../﹥元素生成一个只能输入数字的文本框。

range:让﹤input.../﹥元素生成一个拖动条,通过拖动条使的用户只能输入指定范围,指定步长的值。当指定文本框的type=”range“时,该文本框还可以指定如下几个属性。

min:指定该拖动条的最小值

max:指定该拖动条的最大值

step:指定该拖动条的步长

search:让﹤input.../﹥元素生成一个专门用于输入搜索关键字的文本框。这种类型的文本框与type=”text“的文本框并没有太大区别。

用户评论
评论列表