form表单的作用及input标签
form表单的作用
填写用户信息，提交给后台。
标签及属性
input标签及属性
| type属性值 | 含义 |
|---|---|
| text | 文本 用法：type="text" name="username"
|
| password | 密码 用法：type="password" name="password"placeholder="输入密码"
|
| checkbox | 复选框 用法：type="checkbox"name="hobby" value=‘read"/"name"
|
| radio | 单选框 用法：type="radio" name="sex" value="男"/"女"
|
| file | 上传文件,用法： type="file" accep="image/gif" name="myfile"
|
| hidden | 隐藏，用法：type="hidden" name="abcd" value="1235"
|
| button | 按钮 用法：type="button" value="Button"
|
| submit | 提交 用法：type="submit" value="Submit"
|
| reset | 重置 用法：type="reset" value="Reset"
|
其它标签及用法
| 标签 | 用法 |
|---|---|
| lable |
<lable for="username">姓名</lable><input id="username" type="text" name="username">for和id连用，表示点击姓名就可以输入 |
| select | 文本框，用于写入大段文字<select name="city"><option value="beijing">北京</option><option value="shanghai">上海</option></select>
|
| textarea |
<textarea name="article">aaa(输入框中默认显示) </textarea>
|
| form | 用法：<form action="/abd" method="get/post"></form>action代表表单提交的地址，必须把表单用form包裹 |
附：1. name:提交到后台的索引，比如在复选框中都要设置成name="hobby"说明几个复选框都在爱好下。
2.value:value在复选框和单选框中如果不设的话，则显示on不知道选的是哪个；value在text中可以设置默认值。
3.单选框（radio）默认选中是checked;select标签默认选中是selected。
4.type=hidden隐藏域的作用:
隐藏域是用来收集或发送信息不可见的元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。代码格式：
<input type="hidden" name="..." value="...">。name属性定义隐藏域的名称，要保证数据的准确采集，必须定义一个独一无二的名称。value定义隐藏域的值。，其实说白了，就是从表中取值id值，或者别的变量值，但在页面中不显示。简单来说就是，想要提取上一页的某些信息，但在上一页又不能显示的这些东西就采用隐藏域。
5.name如何分组：具有相同name属性radio为同一组:
<lable>性别</lable>
<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女
<lable>取向</lable>
<input type="radio" name="sex1" value="man">男
<input type="radio" name="sex1" value="woman">女```
###get和post的区别
1. get获取的数据会附在url后（就是把数据放置在http协议的头中），以?分割url和传输数据，参数之间以&相连。post把提交的数据则放置在http包的包体中。
2. get方式提交的数据最多只能是1024字节。而post没有限制，可以传输较大量的数据
3. post的安全性比get的安全性要高。例如：通过get提交数据，用户名和密码将明文出现在url上，因为登录界面有可能被浏览器缓存，其他人查看浏览器的历史记录就可以拿到你的账户和密码了。
另外，get是向服务器发送索取数据的一种请求，post是向服务器提交数据的一种请求。