HTML表单的用法

html表单用于搜集不同类型的用户输入。

---

<form>元素

form元素定义html表单

---

HTML 表单包含表单元素

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

---

<input> 元素

<input> 元素是最重要的表单元素，根据不同的 type 属性有很多形态。
text属性定义常规文本输入。
radio属性定义单选按钮输入。
submit定义提交按钮。

---

Action 属性

<form>标签的action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常，表单会被提交到 web 服务器上的网页。如果省略 action 属性，则 action 会被设置为当前页面。

---

Method 属性

method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）

---

Name 属性

如果要正确地被提交，每个输入字段必须设置一个 name 属性。

---

HTML<form>元素，已设置所有可能的属性，是这样的：

<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8"
ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
.
form elements
.
</form>

属性	描述
accept-charset	规定在被提交表单中使用的字符集
action	规定向何处提交表单的地址（URL）（提交页面）。
autocomplete	规定浏览器应该自动完成表单（默认：开启）。
enctype	规定被提交数据的编码（默认：url-encoded）。
method	规定在提交表单时所用的 HTTP 方法（默认：GET）。
name	规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate	规定浏览器不验证表单。
target	规定 action 属性中地址的目标（默认：_self）。

---

<select>元素（定义下拉列表）

子元素<option>定义待选择的选项，通常把首个选项显示为被选选项，可以添加selected属性定义预定义选项。

---

<textarea>元素定义多行输入字段（文本域）

---

<button> 元素定义可点击的按钮

---

输入类型：text

<input type="text"> 定义供文本输入的单行输入字段

---

Input Type: radio

<input type="radio"> 定义单选按钮。
Radio buttons let a user select ONLY ONE of a limited number of choices

---

Input Type: checkbox

<input type="checkbox"> 定义复选框。
复选框允许用户在有限数量的选项中选择零个或多个选项。

---

Input Type: button

<input type="button> 定义按钮。

---

HTML5 输入类型

HTML5 增加了多个新的输入类型：

*	类型	*
*color	*date	*datetime
*datetime-local	*email	*month
*number	*range	*search
*tel	*time	*url
*week	*	*

---