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

作用：用于收集用户输入的数据信息提交到后台

常用的input标签：

- 姓名
<input type="text" name="username" placeholder="请输入您的姓名">
- 密码：  
<input type="password" name="password">
- 单选：
<label><input type="radio" name="hobby" value=''旅游">旅游</label>
- 多选：
<label><input type="checkebox" name="eat" value=''糖葫芦">糖葫芦</label>
- 下拉：
<select>
    <option value="糖葫芦">糖葫芦</option>
    <option value="周黑鸭">周黑鸭</option>
</select>
- 输入多行字段：
<textarea  rows="10" cols="30">内容在这里</textarea>
- email:
<input type="email" name="email">
- 滑块：
<input type="range" name="points" min="0" max="10">

2.post 和 get 方式的区别？

GET和POST是什么？HTTP协议中的两种发送请求的方法

• GET - 从指定的资源请求数据
• POST - 向指定的资源提交要被处理的数据

get：

• GET 请求可被缓存
• GET 请求保留在浏览器历史记录中
• GET 请求可被收藏为书签
• GET 请求不应在处理敏感数据时使用
• GET 请求有长度限制
• GET 请求只应当用于取回数据

post：

• POST 请求不会被缓存
• POST 请求不会保留在浏览器历史记录中
• POST 不能被收藏为书签
• POST 请求对数据长度没有要求

image.png

image.png

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

• 表示该表单项的名称，用于跟其他表单项区别开来。在提交数据时name的值也会一并提交以区分数据种类，控件的名称，与表单数据一起提交

4.radio 如何 分组?

• 相同的name名则为一组；

<  <div class="hobby">
        <label for="">爱好</label>
        <input type="radio" name="hobby" value="看书">看书
        <input type="radio" name="hobby" value="爬山" checked/>爬山
        <input type="radio" name="hobby" value="旅游">旅游
        <input type="radio" name="travl" value="丽江">丽江
        <input type="radio" name="travl" value="四川">四川
        <input type="radio" name="travl" value="恩施">恩施
    </div>   >  

5.placeholder 属性有什么作用?

• 用于提示用户输入框的作用，用于提示的占位符文本不能包含回车或换行

<input type="text" name="username" placeholder="请输入您的姓名">

image.png

6.type=hidden隐藏域有什么作用? 举例说明

隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器

<代码格式>
<input type="hidden" value="..." name="...">

属性解释： 
- type=”hidden”定义隐藏域； 
- name属性定义隐藏域的名称，要保证数据的准确采集，必须定义一个独一无二的名称； 
- value属性定义隐藏域的值 
例如：＜input type=”hidden” name=”ExPws” value=”dd”＞

• 1.隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。

• 2.有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了．而且不会有浏览器不支持，用户禁用cookie的烦恼。

• 3.有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上onclick=”document.form.command.value=”xx”“然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。

• 4.有时候一个网页中有多个form，我们知道多个form是不能同时提交的，但有时这些form确实相互作用，我们就可以在form中添加隐藏域来使它们联系起来。

• 5.JavaScript不支持全局变量，但有时我们必须用全局变量，我们就可以把值先存在隐藏域里，它的值就不会丢失了。

• 6.比如按一个按钮弹出四个小窗口，当点击其中的一个小窗口时其他三个自动关闭．可是IE不支持小窗口相互调用，所以只有在父窗口写个隐藏域，当小窗口看到那个隐藏域的值是close时就自己关掉。