本章简介：
表单是实现用户与网页之间信息交互的基础，通过在网页中添加表单，可以实现信息资料的交互功能。
今天将主要介绍如何在网页中制作表单，并使用表单元素属性对表单进行初步验证。
Ø 用到的单词：
Form 表单
Option 选择，选项
Text 文本
Button 按钮
Submit 提交
Label 标签
Placeholder 提示
Required 必须的
Ø 3.1表单的概述
表单在网页中应用很广泛，申请账号填写注册信息，或者进行登录填写登录信息等等
通俗来讲，表单就是一个将用户信息组织起来的容器。
当用户将填写的内容放进表单容器中，当单击“提交”按钮（submit），表单里所有的数据就会统一的发送给服务器。
表单提供了多种表单元素，除了最常见的单行文本框（text）,还有密码框（password）, 复选框（checkbox），提交按钮（submit）等等
Ø 3.2表单标签及表单的属性
在HTML5中，使用 <form >标签实现表单的创建，它用于在网页中创建表单区域，属于容器标签，其他的标签需要在它的范围内才能有效。
属性一：action是指服务器上处理表单输出的程序，是地址属性，当点击提交后信息会发送到web服务器上由 action 属性指定的程序处理。
属性二：method 这个属性是告诉浏览器如何将数据发送到服务器上，有post 和 get 两种
Post 方法提交方式不会改变地址栏的状态，表单数据不会显示，相对安全。
Get 方法提交方式会改变地址的状态，表单数据会显示在地址栏上，容易造成信息的泄露。
Ø 3.3input标签
如果想要在表单中添加元素，那就要使用 input标签，此标签有很多的属性。
Type属性： 可以用的类型有text，password，checkbox，radio，submit，reset，file， email，number，url，hidden，image，button，默认值是text。
Name属性： 属性是指定表单元素的名称。
Value属性： 选属性，它指定表单元素的初始值。
Size属性： 定表单元素的初始宽度。
Maxlength属性：定可在元素中输入的最大字符数
Checked属性： 指定按钮是否别选中。
1.文本框
文本框是最常见的表单输入元素，它用于输入单行文本信息。
想要在表单创建文本框，只需要把type属性设置成 text类型就行。
<input type="text">
2.密码框
如下想要输入的数据被处理，不让别人知道，只需要把 type 属性设置成 password 就行。
设置之后在密码框输入的字符全部都会以黑色的实心圆点来显示。
<input type="password">
3.单选按钮
单选按钮用于一组相互排斥的值，组中的每个单选按钮都应该具有相同的名称，用户一次只能选择一个单选按钮。
<input type="radio" name="like">男 <input type="radio" name="like">女
4.复选框
复选框和单选按钮类似，不过复选框允许用户选择多个选项。
<input type="checkbox" name="interest">运动 <input type="checkbox" name="interest">游戏 <input type="checkbox" name="interest">影视
5.列表框
列表框的目的是为了让用户快速方便的选择一些选项，并节省页面的空间
<select name="指定列表的名称" size="行数"> <option value="北京"></option> <option value="上海"></option> <option value="广州"></option> </select>
6.按钮
按钮在表单中十分常见，在HTML5中按钮分为三种，分别是
普通按钮（button）：需要与事件关联使用
提交按钮（submit）：点击后，表单会提交到action属性所指的的 URL
重置按钮（reset ）：点击后，无论表单中是否已经有数据，各个元素都会重置到最初状态
<input type="button" value="普通按钮"> <input type="submit" value="提交按钮"> <input type="reset" value="重置按钮">
7.多行文本域
如果需要输入一大段文字的话，就需要使用到多行文本框，他就是：
<textarea cols="显示的列数" rows="显示的行数"></textarea>
8.文件域
文件域的作用是实现文件的选择，只需要把 type 属性设置成 file 即可。
文件域通常应用于文件的上传操作。
<input type="file">
9.邮箱
Email类型的input元素是专门用于邮箱的输入地址，并且在提交的时候会自动的验证格式是否正确，如果不正确则无法提交成功！
<input type="email">
10.网址
url类型的input元素提供用于输入URL地址这类特殊文本的文本框，此属性也会自动验证内容是否符合URL地址格式的文本，如果不符合将无法提交。
<input type="url">
11.数字
Number类型的input元素用于提供输入数字的文本值，可以对所接收的数字进行限制，
<input type="number" min="最小值" max="最大值" step="每次增加值">
12.滑块
提供用于输入包含一定范围内的数字值的文本框
<input type="range" min="最小值" max="最大值" step="每次增加值">
13.搜索框
提供用于搜索关键词的文本框，search类型提供的搜索框是任意页面的一个搜索框
<input type="search">
以上都是网页中经常使用到元素表单元素，可以根据需求选择合适的标签
Input元素的 Email，url，number, 类型都有自动验证输入是否合法的功能。
Ø 表单验证
Placeholder
用于为input类型的文本框提供一种提示，这种提示可以描述文本框的输入内容，文本框为空时显示，当有内容时自动消失。
<input type="text" placeholder="请输入你的姓名：">
Required
用于规定文本框填写的内容不能为空，否则不允许用户提交表单。
<input type="text" required>
Pattern
用于验证输入的内容是否和自定义的正则表达式相匹配。
<input type="text" pattern="^1[358]\d{9}">
² 本章总结：
1.表单主要是用来制作动态网页，方便和用户进行交互。
2.常用的表单元素有，text，password，checkbox，radio，submit，reset，file，email，number，.url，hidden，image，button。
3.表单元素的只读和禁用属性分别用 readonly 和 disabled 表示。
4.表单的初级验证属性为 placeholder，required，pattern。