学习的确会让人感觉到充实。

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

• form表单的作用

  主要是用来收集用户信息的一种html复杂标签。他是一层外壳，用户信息就可以批量上传到网站后方。

• 常用的input标签有哪些？

input主要是用户输入信息的标签，可以用type=" "设置类别。

• text 文本输入框，
• password 密码输入框，默认输入的字符是不可见的小圆点。
• radio 单选框，一个类别里面name应该设置为一样的， value是代表传递的值。
• checkbox 多选，用户可以选择多个选项，同类也应该试着一样的name。
• file 用户可以上传文件， accpt属性可以设置为接受的是什么类别的文件。
• button 按钮，用户可以点击，本身没有任何作用，但是可以设置onClick=" "点击之后发生对应的事件。
• submit 提交，用户点击以后，所有表单信息都可以传递给后台。
• reset 重置，用户点击以后，所有表单信息重置为初始状态。
• hidden隐藏，也会提交给服务器。但是用户不可见。作用：
  • 暂存信息。
  • 安全自测，如果input设置为hidden没有被传递，或者说与设置的value不符，则可能是伪造的请求。

form表单中其他元素

• <textarea></textarea>文本域，可以输入字符，rows 控制行，cols控制列。
• <select></select>选项，默认为单选，设置multiple="multiple"可以多选
  • <option></option>可以选择的项目，如果多一条 selected，则为默认选项。
• <label></label>对下面的表单域进行说明。加入for='id'则可以与表单域关联,关联时可以嵌套，也可以放在input外面。

2.get和post的区别。

get和post同为form传递信息的method。form中默认为get。不同点如下：

• get:

  1. 常常用于获取数据，而不用于传输数据。
  2. 传递的信息将以?＋action中的url＋form中的value及对应的字段，以明文的方式传递。
  3. 安全性差。
  4. 受url的字节限制，且编码只能用url。
  5. 会主动请求浏览器缓存。
  6. 回退浏览器时无害。

• post:

  1. 用于传递数据。
  2. post则将信息放在html的HEADER中去传递，用户看不到这个过程。
  3. 安全性高一些。
  4. 理论上不受字节限制，支持多种编码方式。
  5. 不会请求缓存。
  6. 浏览器回退时，会再次请求。

参考连接：https://zhidao.baidu.com/question/87535798.html
99%都理解错了get和post
听说99%都理解错了get和post？

3.input中name的作用？

name是控件的名字，会以name:value的形式传递给后台，如果不设置name，不能正常给后台提交value。

同一个表单中，name如果命名相同，则代表同一组数据。

type="radio"中，name相同，为一组数据，只能单选，name不同，则都可以选中。

注意：label标签for="id名字"而不是name名字，如果for="name"则无法关联。这里就可以挖个坑，等待后续学习中，真正理解name和id的区别。

4.radio如何分组？

以name分组。

5.placeholder

placehoder占位符，提示用户输入。是input的一个新属性。

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

隐藏域的作用

• 暂存信息
• 有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
• 防止csrf攻击的一种方法
  使用隐藏域传递比较值来确定是不是伪造的请求。

参考：html中隐藏域的作用介绍及使用示例