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隐藏域有什么作用?
隐藏一段用户看不到的数据,服务器在接受到表单数据时对这个隐藏字段进行校验,服务器可以根据这个码验证请求是否过期,用于防止恶意的多次请求发送,以及来识别该表单数据来源是否可靠