html中h5可以使用inputd出时间控件的type属性是

html中h5可以使用inputd出时间控件的type属性是,第1张

在HTML5中,为input元素新增了以下一些type属性值:

color:用于指定颜色的控件

date:用于输入日期的控件(年,月,日,不包括时间)。

month:用于输入年月的控件,不带时区。

week:用于输入一个由星期-年组成的日期,日期不包括时区

time:用于输入不含时区的时间控件。

datetime:基于UTC时区的日期时间输入控件(时,分,秒及几分之一秒)。

datetime-local:用于输入日期时间控件,不包含时区。

email:用于应该包含 e-mail 地址的输入域。在提交表单时,会自动验证 email 域的值。

number: 用于应该包含数值的输入域。只能输入数字

range:用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。

search:用于输入搜索字符串的单行文本字段。换行会被从输入的值中自动移除。

tel:用于输入电话号码的控件。在移动端输入会显示数字键盘,PC端无效果

url:用于编辑URL的字段。

HTML5中,新标准把文本框提示信息、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能直接加入新的表单标签中。 但在众多现代浏览器中,最新版本的Opera浏览器对新型表单的支持才最为完美。

name: 标识表单提交时的key值 min: 标识当前输入框输入的最小值 max: 标识当前输入框输入的最大值 step: 标识点击增大/减小的时候,增加/减小的步长

当表单在提交前,此文本框会自动校验是否符合邮箱的正则表达式。

此类型标签的加入,输入范围内的数据变得非常简单容易,而且非常标准,用户输入可感知体验非常好。另外此标签可以跟表单新增加的output标签一块使用,达到一个联动的效果。

相关的日期属性还包括:month、time、week、datetime-local、datetime。

novalidate :属性规定在提交表单时不应该验证form或input域。

autocomplete :属性规定form或input域应该拥有自动完成功能。

<input type="date">这就会自带日期控件了。。。HTML5 拥有多个供选择日期和时间的新的输入类型:date - 选择日、月、年month - 选择月、年week - 选择周、年time - 选择时间(时、分)datetime - 选择时间、日期、月、年(UTC 时间)datetime-local - 选择时间、日期、月、年(本地时间)你可以试试不同类型出来的效果,,如果想要更好看的,那只能去搞个jquery的日期控件来用了,毕竟做得比较成熟,,但是个人还是很喜欢html5这个新属性,,一句短短的就搞定了,,不过有一个不好处就是,不同的浏览器渲染出来的效果有些差别。。。。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7309434.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存