HTML5对表单的一些有意思的改进

【HTML5对表单的一些有意思的改进】的更多相关文章

HTML5对表单的一些有意思的改进

HTML5对表单进行了许多的改进,在这篇文章中,我选择了其中个人认为很有趣的三个变化:自动聚焦,对button元素的改进,把表单元素与非父元素的form表单挂钩进行简单的介绍. 1. 自动聚焦自动聚焦的主要应用点是:我们可以为某个表单元素,如input设置一个autofocus属性,这样在这个页面刚刚加载出来的时候,这个input元素就会自动处于被选中的状态,直接可以进行输入,省去了用户手动选择的过程.这个特性使用js也可以做到,但是使用这个新特性无疑更加简单高效. 注意,autofocus属…

HTML5对表单的约束验证

在HTML5中增加了许多新的功能,用于表单提交到服务器之前对表单进行数据的验证(抢了javascript的饭碗),有了这些功能,即便是javascript没有加载进来还是可以确保基本的验证.换句话说,浏览器自己会根据标记中的规则执行验证,然后自己显示适当的错误消息.当然,这些功能既然是来自HTML5 的,当然只能在支持HTML5这部分的内容的浏览器才有效,所以请我们看向未来的眼光来学习下面的这些个功能. 必填字段在表单中指定required字段,凡是标注有required的字段在提交表单时值都…

IT兄弟连 HTML5教程 HTML5表单 HTML表单中的get和post方法

指引表单在网页应用中十分重要,基本上任何一个网站都必须使用到表单元素,所以表单的美观和易于交互对于网站设计就变得十分重要.HTML5对目前Web表单进行了全面提升,使得我们使用表单更加智能.它在保持了简单易用的特性的同时,还增加了许多内置的控件或者控件属性来满足用户的需求,提升用户体验,并且同时减少了开发人员的编程.HTML5主要对表单的一下方面进行了改进:更自由的表单结构.多样的输入类型.新增的表单属性. HTML表单中的get和post方法超文本传输协议(HTTP)的设计目的是保证客户机…

HTML5 表单新增属性

1. 表单内元素的form属性在H5中可以把form放到页面的任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了 <form id="testform"> <input type="text"> </form> <textarea form="testform"></textarea> 2. 表单内元素的formaction属性在H…

HTML5学习总结-05 HTML5表单

一 HTML5 新的类型 HTML5 拥有多个新的表单输入类型.这些新特性提供了更好的输入控制和验证. email url number range Date pickers (date, month, week, time, datetime, datetime-local) search color 1 Input 类型 - email email 类型用于应该包含 e-mail 地址的输入域.在提交表单时,会自动验证 email 域的值. 例子: E-mail: <input type=&qu…

HTML5学习笔记五：html5表单

表单是页面上非常重要的一块内容,用户可输入的大部分内容都是在表单元素中完成的,与后台的交互大多数也是通过点击表单中的按钮. 一.新增的元素和属性 1.新增属性: 1.1 form属性:页面中的任何元素指定form属性,属性值为相应表单的id,该元素就属于指定表单了:只有Opera 10支持. 1.2 placeholder属性:文本框处于未输入状态且未获取光标焦点时,模糊显示输入提示文字:Safari 4,chrome3,firefox4 1.3 autofocus属性:打开页面时,有该属性的控…