本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indeterminate属性.Image提交按钮的宽高属性. 1.controls属性 在html5中,可以在标签内部放置一个表单元素,并且通过该标签的controls属性来访问该表单元素. <body> <script> function setValue(){ var label = docume…
HTML5 Input表单为<form>和<input>标签添加了几个新属性,属性如表1. 1  autocomplete属性 autocomplete属性规定form或input域应该拥有自动完成功能,当用户在自动完成域中开始输入时,浏览器在该域中显示填写的选项.autocomplete适用于<form>标签,以及以下的<input>标签:text.search.url.email.password.date Picker.range以及color.aut…
小结 HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据.HTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用.HTML5 Forms新增了许多新控件及其API,方便我们做更复杂的应用,而不用借助其它Javascript框架.HTML5新增表单元素有<datalist>.<keygen>和<output>.<datalist>元素规定输入…
指引 表单在网页应用中十分重要,基本上任何一个网站都必须使用到表单元素,所以表单的美观和易于交互对于网站设计就变得十分重要.HTML5对目前Web表单进行了全面提升,使得我们使用表单更加智能.它在保持了简单易用的特性的同时,还增加了许多内置的控件或者控件属性来满足用户的需求,提升用户体验,并且同时减少了开发人员的编程.HTML5主要对表单的一下方面进行了改进:更自由的表单结构.多样的输入类型.新增的表单属性. HTML表单中的get和post方法 超文本传输协议(HTTP)的设计目的是保证客户机…
表单是PHP程序中最常使用的收集站点访问者信息的数据输入界面.通过表单浏览器获取用户的输入数据,并传送给Web服务器的脚本程序中,以各种不同的方式进行处理.在表单中提供了多种输入方式,包括文本输入域.单选或多选按钮.下拉式列表域等.表单是网页上由<form>标签定义的一个特定区域,而表单的各种输入域可以由<input>.<select>和<textarea> 3个标签定义. 1  表单标签<form> 一个表单用<form></…
1.表单内元素的form属性 在html4中,表单内的从属元素必须书写在表单内部, 而在html5中,可以把他们书写在页面上任何地方, 然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于表单了. <form id="testform">      <input type="text"> </form> <textarea form="testform"></te…
第二阶段编写用户交互功能 通过第一阶段的学习虽说可以完成页面制作,但并不完美,不能算是合格的前端工程师,所以要继续学习如图1.13中的第二阶段内容.现在的Web页面都融入了大量的特效,并且多数需要与用户在操作界面上有互动效果.做HTML5开发主要使用JavaScript语言,JavaScript是一种在客户端广泛使用的脚步语言,在JavaScript当中为我们提供了一些内置函数.对象和DOM操作,借助这些内容我们可以来实现一些客户端的特效.验证.交互等,使我们的页面看起来不那么呆板.必要时还要学…
为了保证HTML5能与之前的HTML版本达到最大的兼容,HTML5对一些元素标记的省略.boolean值的属性,以及引号的省略这几方面进行了兼顾,确保与之前版本的HTML达到兼容.在下面示例中,将本节介绍的几个HTML5新应用方法集成在一起使用: 可以省略标记的元素 元素的标记分为三种情况:不允许写结束标记的元素,可以省略结束标记的元素和开始标记结束标记都可省略三种类型.不允许写结束标记的元素是指不允许使用开始标记和结束标记将元素括起来的形式,例如,换行标记正确的书写方式为“<br/>”,而“…
HTML5有一些新的表单元素:<datalist>.<keygen>.<output>.不是所有的浏览器都支持HTML5新的表单元素,但即使浏览器不支持该表单属性,仍然可以显示为常规的表单元素. 1  <datalist>元素 <datalist>元素规定输入域的选项列表.<datalist>属性规定form或input域应该拥有自动完成功能.当用户在自动完成域中开始输入时,浏览器应该在该域中显示的填写的选项.Internet Exp…
9  novalidate novalidate是属性规定在提交表单时不应该验证form和input域.novalidate属性适用于的<input>类型有:text.search.url.telephone.email.password.date pickers.range及color.用法如下: 这段代码中,我们为表单设置novalidate属性,使表单不验证提交,表单中的email和url文本域不必通过验证. 10  pattern pattern属性规定用于验证input域的模式,即是…