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 |
* |
* |
网友评论