1.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
form表单的作用是搜集用户的输入，用户提交表单时向服务器传输数据，从而实现用户与web服务器的交互。
常用的input标签：
<input type="text">:定义用于文本输入的单行输入字段（默认宽度为20个字符）
<input type="password">:定义密码字段
<input type="radio">:定义单选按钮，允许用户在有限数量的选项中选择一个
<input type="checkbox">:定义复选框
<input type="submit">:定义用于向表单处理程序提交表单的按钮。
<input type="button">:定义按钮
<input type="number">:用于应该包含数字值的输入字段
<input type="date">:用于应该包含日期的输入字段
<input type="color">:用于应该包含颜色的输入字段，根据浏览器支持，颜色选择器会出现输入字段中。
<input type="range">:用于应该包含一定范围内的值的输入字段，根据浏览器支持，输入字段能够显示为滑动控件
<input type="month">:允许用户选择月份和年份，根据浏览器的支持，日期选择器会出现在输入字段中
<input type="week">:允许用户选择周和年,根据浏览器支持，日期选择器会出现输入字段中。
<input type="time">:允许用户选择时间（无时区）,根据浏览器支持，时间选择器会出现输入字段中。
<input type="datetime">:允许用户选择日期和时间（有时区）,根据浏览器支持，日期选择器会出现输入字段中。
<input type="datetime-local">:允许用户选择日期和时间（无时区）,根据浏览器支持，日期选择器会出现输入字段中。
<input type="email">:用于应该包含电子邮件地址的输入字段，根据浏览器支持，能够在被提交时自动对电子邮件地址进行验证。
<input type="search">:用于搜索字段（搜索字段的表现类似常规文本字段）。
<input type="tel">:用于应该包含电话号码的输入字段，目前只有Safari 8支持该类型
<input type="url">:用于应该包含URL地址的输入字段，根据浏览器的支持，在提交时能够自动验证url字段。
2.post 和 get 方式的区别？
1、Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。
2、Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。
3、Get是不安全的，因为在传输过程，数据被放在请求的URL中，而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中，然后放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用户面前。Post的所有操作对用户来说都是不可见的。
4、Get传输的数据量小，这主要是因为受URL长度限制；而Post可以传输大量的数据，所以在上传文件只能使用Post（当然还有一个原因，将在后面的提到）。
5、Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。默认是用ISO-8859-1编码
6、Get是Form的默认方法。
转一个{form表单中method的get和post区别}写的比较好的文章
3.在input里，name 有什么作用？ radio 如何 分组?
name的作用是定义input的名称,向后台服务器传输数据时对应value的key值
check和radio靠相同的name值分组
5.placeholder 属性有什么作用?
placeholder属性提供可描述输入字段预期值的提示信息（hint）。
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。
这是一个范例,转自菜鸟教程
6.type=hidden隐藏域有什么作用?
暂存信息、安全作用
type指定为hidden的标签，呈现页面时用户是看不到的；可以在这个隐藏部分埋入一个服务器端事先知道的值，当服务器端收到表单上传的数据时，首先验证这个值是否正确，防止恶意伪造页面上传非法数据
网友评论