当前位置:Gxlcms > html代码 > 第10章表单元素[上]_html/css_WEB-ITnose

第10章表单元素[上]_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:28人阅读

学习要点:

1.表单元素总汇

2.表单元素解析

主讲教师:李炎恢

本章主要探讨 HTML5 中表单元素,表单元素用于获取用户的输入数据。

一.表单元素总汇

在 HTML5 的表单中,提供了各种可供用户输入的表单控件。

元素名称

说明

form

表示 HTML 表单

input

表示用来收集用户输入数据的控件

textarea

表示可以输入多行文本的控件

select

表示用来提供一组固定的选项

option

表示提供提供一个选项

optgroup

表示一组相关的 option 元素

button

表示可用来提交或重置的表单按钮(或一般按钮)

datalist

定义一组提供给用户的建议值

fieldset

表示一组表单元素

legend

表示 fieldset 元素的说明性标签

label

表示表单元素的说明标签

output

表示计算结果

二.表单元素解析

1.

解释:

3.添加说明标签

解释:

4.

对表单进行编组

...

解释:

元素可以将一些表单元素组织在一起,形成一个整体。

属性名称

说明

name

给分组定义一个名称

form

让表单外的分组与表单挂钩

disabled

禁用分组内的表单

5.添加分组说明标签

注册表单

解释:元素给分组加上一个标题。

6.

解释:

//重置表单

 

//普通按钮

 

对于 type 属性为 submit 时,按钮还会提供额外的属性。

属性名称

说明

form

指定按钮关联的表单

formaction

覆盖 form 元素的 action 属性

formenctype

覆盖 form 元素的 enctype 属性

formmethod

覆盖 form 元素的 method 属性

formtarget

覆盖 form 元素的 target 属性

formnovalidate

覆盖 form 元素的 novalidate 属性

//表单外关联提交

人气教程排行