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
的标签,呈现页面时用户是看不到的;可以在这个隐藏部分埋入一个服务器端事先知道的值,当服务器端收到表单上传的数据时,首先验证这个值是否正确,防止恶意伪造页面上传非法数据