form表单基础知识

1.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？

表单的作用
表单用于向服务器传输数据。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

form标签的四个属性：

action：表单提交的地址
method：提交表单的方法,取值为get或者post
target：在何处打开action
enctype：规定被提交数据的编码（默认：url-encoded）

常用的input标签

<input type="text><!--  定义用于文本输入的单行输入字段（默认宽度为20个字符） -->
<input type="password"><!-- 定义密码字段  -->
<input type="radio"><!-- 定义单选按钮  -->
<input type="checkbox"><!--  定义复选按钮 -->
<input type="submit"><!--  定义用于向表单处理程序提交表单的按钮 -->
<input type="button"><!--  定义按钮 -->
<input type="reset"><!--  定义复位按钮 -->
<input type="hidden"><!-- 用来隐藏，便于校验-->
<input type="number"><!-- 用于包含数字值选择的输入字段-->
<input type="date"><!--用于包含日期选择的输入字段-->
 <input type="color"><!--用于包含颜色选择的输入字段，根据浏览器支持，颜色选择器会出现输入字段中-->

2.post 和 get 方式的区别？

传输方式不同：get会将表单的key值和value值拼接组成URL发送给服务器，post不会改变URL；
安全性不同：get发送的URL使用明文方式组成，存在明显的安全隐患，post不会出现这个问题；
传输数据大小不同：get发送数据时会受到URL字符数的限制，post不受这个限制；
作用对象不同：get通常用于向服务器索取数据，post通常用于向服务器发送数据。
ps:get只允许 ASCII 字符，post没有限制，也允许二进制数据；get书签可收藏，post为书签不可收藏；get能被缓存，post不能缓存

3.在input里，name 有什么作用？

name属性规定了input元素的名称，只有设置了name属性的表单元素才能在提交表单时传递它们的值

4.radio 如何分组?

把name属性设置为相同即为同一组

<label>性别：</label>
<input type="radio" name="sex" value="male" >男</input>
<input type="radio" name="sex" value="female">女</input>

5.placeholder 属性有什么作用?

在文本框中显示提示信息，当输入信息后，placeholder会消失,不影响value的值

<label for="username">姓名：</label>
<input  id="username" type="text" name="username" value="" placeholder="用户名"></input>

6.type=hidden隐藏域有什么作用?

隐藏一段用户看不到的数据，服务器在接受到表单数据时对这个隐藏字段进行校验，服务器可以根据这个码验证请求是否过期，用于防止恶意的多次请求发送，以及来识别该表单数据来源是否可靠