HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML5学习笔记简明版(5):input的type超级类型大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

HTML5为input的type类型增加了多种枚举值,用来表达不同的意思,同事具有验证功能,如果格式不对,浏览器将原始提供错误提示,堪称超级牛X啊,具体如下:

 

@H_419_13@

Keyword

@H_419_13@

Data type

@H_419_13@

hidden

@H_419_13@

任意字符

@H_419_13@

text

@H_419_13@

单行文本

@H_419_13@

search

@H_419_13@

单行文本

@H_419_13@

tel

@H_419_13@

单行文本

@H_419_13@

url

@H_419_13@

绝对地址

@H_419_13@

email

@H_419_13@

一个或多个email地址

@H_419_13@

password

@H_419_13@

单行文本

@H_419_13@

datetiR_291_11845@e

@H_419_13@

带有时区的时间

@H_419_13@

date

@H_419_13@

无时区的年月日时间

@H_419_13@

@H_204_12@month

@H_419_13@

无时区的年月

@H_419_13@

week

@H_419_13@

无时区的周数

@H_419_13@

time

@H_419_13@

无时区的时间(小时,分钟,秒,毫秒)

@H_419_13@

datetiR_291_11845@e-local

@H_419_13@

无时区的日期与时间

@H_419_13@

number

@H_419_13@

数字值

@H_419_13@

range

@H_419_13@

范围:<input type="range" min=0 max=100 step=20 value=50>

@H_419_13@

color

@H_419_13@

8-bit表示的颜色

@H_419_13@

checkBox

@H_419_13@

checkBox

@H_419_13@

radio

@H_419_13@

radio

@H_419_13@

file

@H_419_13@

文件

@H_419_13@

submit

@H_419_13@

提交按钮

@H_419_13@

image

@H_419_13@

图片按钮

@H_419_13@

reset

@H_419_13@

n/a

@H_419_13@

button

@H_419_13@

n/a

 参资料:http://www.mhtml5.com/resources/html5%E6%95%99%E7%A8%8B%EF%BC%88%E5%85%AD%EF%BC%89-html5-input%E7%B1%BB%E5%9E%8B

 

学习至此,大叔发现mhtml5网站上已经有很多现成的资料了,所以如下的一些新元素请大家自行参该网站的资料学习,大叔将着重继续学习HTML5在现有元素上的更新改变。

  1. figure元素
  2. figcaption元素
  3. track元素
  4. embed元素
  5. @H_385_215@mark元素
  6. progress元素
  7. time元素
  8. ruby,rt和rp元素
  9. bdi元素
  10. wbr元素
  11. canvas元素
  12. command元素
  13. details元素

大佬总结

以上是大佬教程为你收集整理的HTML5学习笔记简明版(5):input的type超级类型全部内容,希望文章能够帮你解决HTML5学习笔记简明版(5):input的type超级类型所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。