第三章——表单

表单标签及其属性；

语法；

标签的属性；元素的常用属性；列表框；

语法；

一月

按钮；

语法；

1)Reset按钮；用户单击该按钮后无论表单中是否已经填写或输入数据，表单中各个表单元素都会被重置到最初状态，而填写或输入的数据将会被清空

2)Submit按钮；用户单击该按钮后表单将会提交到action属性所指定的URL并传递表单数据

3)Button按钮；属于普通按钮，需要与事件关联使用

多行文本域和文件域；

语法；

//文件内容

Cols属性是用来指定多行文本宽的列的宽度；row属性用来指定多行文本框的行数。在标签中不能使用value属性来赋初始值

文件域

作用是是用于实现文件的选择，在应用时只需把type属性设为file即可

邮箱，网址，数字

语法；

邮箱；

网址；

数字；

Range Number类型的属性

滑块搜索框；

语法；

滑块；

搜索框；

表单的隐藏域，只读于禁用，标注；

隐藏域；

语法；

只读与禁用；

关键词；

只读；readonly;

禁用；disablead;

标注；

语法；

标注文本

表单验证；

Placeholder;

Placeholder属性用于input类型的文本框提供一种提示，这种提示可以描述文本框期待用户输入何种内容，再输入空显示，在文本框中写入内容、当文本框中写入内容时消失Placeholder属性适合input标签；text,search,url,email,password等类型

Required；

Required属性用于规定文本框填写内容不能为空，否则不允许用户提交表单，该属性适合input类型标签；text,search,url,email,password,number,checkbox,radio,file等类型

Pattern；

Pattern属性用于验证input类型文本框中用户输入的内容是否自定义的正则表达式相匹配，用户输入内容必须符合正则表达式所指的规则，否则就不能提交表单，正则表达式是JavaScript中的内容。

本章总结

1.表单主要用来制作动态网页图，方便和用户进行交互

2.常用的表单元素有文本框（text），密码框（password），单选按钮（radio），复选框（Checkbox），列表框（）按钮（button，submit和reset），多行文本框（），邮箱（email），网址（url），数字（number），滑块（range）搜索（search）

3.使用标签的for属性结合单元素的id属性可以控制单击该标签时，对应的表单元素自动获得焦点或者被选中

4.表单元素的只读属性和禁用属性分别是readonly和disabled来表示

5.语义化的结构使得页面更加合理，代码更加简洁，同时也符合W3C的Web开发的标准

6.表单初级验证的属性为；placeholder，required，pattern