本文摘自PHP中文网,作者V,侵删。
HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进,虽然技术人员在开发过程中可能不会将这些新技术投入应用,但是对于该种技术的新特性,网站开发技术人员是必须要有所了解的。
新的输入性表单控件:
email:电子邮箱文本框,跟普通的没什么区别
- 当输入不是邮箱的时候,验证不通过
- 移动端的键盘会发生变化
tel:电话号码
url:网页的URL
search:搜索引擎
- chrome下输入文字后,会多出一个关闭的X
range:特定范围内的数值选择器
- min、max、step(步数)
- 例子: 用js来显示当前数值
number:只能包含数字的输入框
- 输入框末尾有两个箭头 上为加 下为减
color:颜色选择器
- 点击显示颜色版
datetime:显示完整日期
- 类似select选择样式
datetime-local:显示完整日期, 不包含时区
time:显示时间,不含时区
date:显示日期{年月日}
week:显示周{年月日周}
mouth:显示月{年月}
(免费视频教程:html视频教程)
1 2 3 4 5 6 7 8 9 |
|
新的表单特性和函数
placeholder:输入框提示信息
- 例子:微博的密码框提示
autocomplete
- 默认为on,关闭提示选择off
autofocus:指定表单获取输入焦点
list和datalist:为输入框构造一个选择列表
- list值为datalist标签的id
required:此选项必填, 不能为空
Pattern:正则验证
- pattern=“\d{1,5}”
Formaction在submit里定义提交地址
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
|
相关推荐:html5教程
以上就是html5新增的表单控件和表单属性有哪些的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
HTML5实践-使用css3如何完成google涂鸦动画的详解
更多相关阅读请进入《HTML5》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者