# 表单
HTML 表单用于搜集不同类型的用户输入
* * * * *
基本结构
~~~
<form action="form_action.asp" metho="get" enctype="text/plain">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
~~~
| 属性 | 值 | 描述 |
|--|--|--|
|action | URL | 规定当提交表单时向何处发送表单数据。 |
| enctype | 见说明 | 规定在发送表单数据之前如何对其进行编码。 |
| method | get post | 规定用于发送 form-data 的 HTTP 方法。 |
| name | *form_name* | 规定表单的名称。 |
注意
必需的 **action** 属性规定当提交表单时，向何处发送表单数据。
**enctype**
|值|描述|
|--|--|
| application/x-www-form-urlencoded | 在发送前编码所有字符（默认） |
| multipart/form-data | 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。 |
| text/plain | 空格转换为 "+" 加号，但不对特殊字符编码。 |
** input type**
> button
> checkbox
> file
> hidden
> image
> password
> radio
> reset
> submit
> text
# 示例
get post 的不同
~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>表单</title>
</head>
<body>
<form action="#" method="get" accept-charset="utf-8">
学号 <input type="text" name="num-g" /><br/><br/> 姓名
<input type="text" name="name-g" /><br/><br/> 班级
<input type="text" name="classs-g" /><br/><br/>
<input type="submit" value="提交啦-get" />
</form>
<form action="#" method="post" accept-charset="utf-8">
学号 <input type="text" name="num-p" /><br/><br/> 姓名
<input type="text" name="name-p" /><br/><br/> 班级
<input type="text" name="classs-p" /><br/><br/>
<input type="submit" value="提交啦-post" />
</form>
</body>
</html>
~~~
## get
## post
