任务4.5表单在网页中的应用.pptxVIP

任务4.5表单在网页中的应用;任务介绍;任务分析;;表单简介;表单简介;表单的组成;表单标签-form;◎html5新增的input元素;2.表单域;2.表单域;HTML5中新的input控件类型;属性;input的常用属性;(2)?required属性

required属性是一个boolean属性，required属性规定必须在提交之前填写输入域（不能为空）。

注意:required属性适用于以下类型的input标签：text,search,url,telephone,email,password,datepickers,number,checkbox,radio以及file。;(3)?step属性

step属性为输入域规定合法的数字间隔。

如果step=3，则合法的数是-3,0,3,6等

提示：?step属性可以与max和min属性创建一个区域值.

注意:?step属性与以下type类型一起使用:number,range,date,datetime,datetime-local,month,time和week.;(4)?min和max属性

min、max和step属性用于为包含数字或日期的input类型规定限定（约束）。

注意:?min、max和step属性适用于以下类型的input标签：datepickers、number以及range。

;(5)?multiple属性

multiple属性是一个boolean属性.

multiple属性规定input元素中可选择多个值。

注意:?multiple属性适用于以下类型的input标签：email和file:

;(6)?pattern属性

pattern属性描述了一个正则表达式用于验证input元素的值。

注意:pattern属性适用于以下类型的input标签:text,search,url,tel,email,和password。

;;;autocomplete属性用于指定表单是否有自动完成功能。所谓“自动完成”，是指将表单控件输人的内容记录下来，当再次输人时，会将输人的历史记录显示在一个下拉列表里，以实现自动完成输入。

autocomplete属性有两个值，对它们的解释如下。

①on:表单有自动完成功能。

②off:表单无自动完成功能。

;novalidate属性指定在提交表单时取消对表单进行有效的检查。为表单设置该属性时，可以关闭整个表单的验证，这样可以使form标记内的所有表单控件不被验证，;使用css修饰表单;使用CSS可以改变表单文字、背景、某些输入框的样式等。CSS对表单标签的修饰大致分为以下几类：修饰表单标签边框样式、修饰表单标签的背景、改变表单标签的活动状态。;修饰表单标签边框样式;修饰表单的??景;改变表单标签的活动状态;属性选择器：E[att^=”value”]、E[att$=”value”]、E[att*=”value”]，用来匹配属性中包含某些特定的值。