1、form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
- form表单用于收集用户输入。将收集到的用户数据提交到后台服务器。
| input标签 | 作用 |
|---|---|
| text | 文本输入框 |
| password | 密码输入框 |
| checkbox | 复选框 |
| radio | 单选框 |
| select | 下拉菜单 |
| textarea | 多行文本 |
| file | 选择文件上传 |
| hidden | 隐藏域 |
| reset | 重置按钮 |
| button | 普通按钮 |
| submit | 提交按钮 |
2、post 和 get 方式的区别？
- get是把用户提交表单时的数据加到URL中，这些在URl中的数据对用户来说是可见的。post是通过HTTP POST机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到action属性所指的URL地址，数据对于用户来说是不可见的。
- get请求在URL中传送的参数是有长度限制的，而post没有。
- get方式安全性低，post方式较安全。但是post方式执行效率要比get方式差一些。
- get是向服务器发索取数据的一种请求，而Post是向服务器提交数据的一种请求。
总结：#####
（1）get方式的安全性较post方式要差一些，所以，包含一些重要的信息的话，简易使用post数据提交方式。
（2）在做查询统计的时候，使用get方式要更好一些；而在做数据的添加，修改或删除操作时，使用post数据提交方式更好些。
3、在input里，name 有什么作用？
- name 属性规定 input 元素的名称。
- 对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。
- 只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
4、radio 如何 分组?
按name来分，name相同就是一组。
5、placeholder 属性有什么作用
- 显示输入框里的预设值，一般起到提示作用。
- placeholder 属性适用于以下输入类型：text、password、search、url、tel、email 。
6、type=hidden隐藏域有什么作用? 举例说明
设置在页面的隐藏域，用户是不可见的。用户提交表单时隐藏域中的信息会一起发送到服务器，服务器对隐藏域中的值进行验证，提高安全性。
7、写一篇博客简单介绍 HTML 表单的用法，附上博客链接
<div class="login">
<form action="/www" method="get"> \form标签包围表单,注意get和post的使用
<div class="username">
<label for="user">姓名</label> \label的用法，placeholder的使用
<input id="user" type="text" name="uername" placeholder="lili">
</div>
<div class="password">
<label for="ps">密码</label>
<input id="ps" type="password" name=password>
</div>
<div class="submit">
<button>提交</button>
</div>
<div class=hobby>
<label>爱好</label> /checkbox标签时，name应相同，注意value的作用
<input type="checkbox" name="hobby" value="dushu">读书
<input type="checkbox" name="hobby" value="xiezi">鞋子
<input type="checkbox" name="hobby" value="yifu">衣服
</div>
<div class="sex">
<label>sex</label> /radio标签时，name相同为一组
<input type="radio" name="sex" value="nan">男
<input type="radio" name="sex" value="nv">女
<input type="radio" name="sex2" value="nan">男
<input type="radio" name="sex2" value="nv">女
</div>
<div clas="file"> /file标签，accept="png/image"可以限制上传图片格式
<label>图片</label>
<input type=file name="mafile">
</div>
<div class="select"> /下拉菜单的使用方法
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
</select>
</div>
<div class="textarea"> /多行文字的使用方法。填入的11111111“相当于”value
<textarea name="article" rows="30" cols="50">
11111111
</textarea>
</div>
</div>
</form>
