form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
- 表单的作用是收集用户的输入信息，用户提交表单时向服务器传输数据，从而实现用户与web服务器的交互;
- input标签使用type属性规定input元素的类型
post 和 get 方式的区别？
- 对数据长度的限制不同
GET 方法向 URL 添加数据，URL 的最大长度是 2048 个字符；
POST 方法传输的数据理论上没有长度限制； - 对数据类型的限制不同
GET 方法的URL中只允许出现ASCII字符，对非ASCII字符会先编码成ASCII字符再发送请求；
POST 方法的数据在body中，对数据类型没有限制，允许二进制数据传输； - POST比GET更安全
GET 方法的查询字符串直接暴露在URL中，在浏览器地址栏和浏览器历史中都可以看到，不利于敏感数据的安全传输；
POST 方法的请求数据都包含在body中，不会直接暴露出来，相对于GET，安全性更好； - 语义不同
GET的语义是请求获取指定的资源；
POST的语义是根据请求对指定的资源做出处理，具体的处理方式视资源类型而不同。
在input里，name 有什么作用？
name属性规定input元素的名称。name属性只用于提交到服务器后的表单数据进行标识，或者在客户端通过JavaScript引用表单数据。
radio 如何 分组?
具有相同 name 属性的 radio 为同一组，例如：
<form>
<input type="radio" name="sex" value="male" checked>Male
<input type="radio" name="sex" value="female">Female
</form>
placeholder 属性有什么作用?
提供描述输入字段的提示信息，该提示会在输入字段为空时显示，并会在字段获得焦点时消失
type=hidden隐藏域有什么作用? 举例说明
-
帮助表单收集和发送信息，便于后端处理数据。用户点击提交数据的时候，隐藏域的信息也被一起发送到了后端;
-
后端接收前端传来的数据，需要确认前端的身份，那么就可以加一个隐藏域，后端通过校验隐藏域信息来确认前端身份;
-
有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的；
-
有时候一个网页中有多个form，我们知道多个form是不能同时提交的，但有时这些form确实相互作用，我们就可以在form中添加隐藏域来使它们联系起来;
-
JavaScript不支持全局变量，但有时我们必须用全局变量，我们就可以把值先存在隐藏域里，它的值就不会丢失了;
-
还有个例子，比如按一个按钮弹出四个小窗口，当点击其中的一个小窗口时其他三个自动关闭．可是IE不支持小窗口相互调用，所以只有在父窗口写个隐藏域，当小窗口看到那个隐藏域的值是close时就自己关掉。
HTML 表单的用法
表单用于向服务器传输数据，在网页里就是一个存放控件的地方，如文本框，密码框，按钮之类的，这些控件叫做表单元素。
- action属性：改属性用来指定处理表单数据程序的URL地址。
- method属性：改属性用来指定数据传送到服务器的方式。有两种属性值，get和post
- name属性：指定表单的名称，可自定义
- onSubmit属性：指定当用户单击提交按钮时触发的事件。
- target属性：指定输入数据结果显示在哪个窗口中，_blank标示在新窗口中打开目标文件；_self表示在同一个窗口中打开，该项一般不用设置；_parent表示在上一级窗口中打开，一般使用框架页时经常使用；_top表示在浏览器的整个窗口中打开，忽略任何框架。
作业：
地址
网友评论