form表单

form表单

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

• 作用
  • 搜集用户填写的信息，提交给网站后台（即服务器）
• 常见input标签及属性
  • input标签使用type属性的值来规定input元素的类型，常见有以下类型：

type	作用
text	定义单行输入框，可在其中输入文本
password	密码输入框，输入的内容在页面上以圆点展示
checkbox	定义复选框
radio	定义单选框
file	定义输入字段和“浏览”按钮，供文件上传
hidden	隐藏的标签。可以用来发送默认项或者进行安全校验
button	定义可点击的按钮,不可提交
submit	定义提交按钮，把表单数据发给服务器
reset	定义重置按钮，用于清除表单中的用户输入的数据
image	定义图像形式的提交按钮
url	URL的绝对地址
email	邮件地址
search	无换行的搜索框
tel	无换行的电话号码框
date	日期输入框，可以选择日期
time	时间输入框
number	数字输入框，整数小数都可以
range	范围选择框，0~100
color	选择颜色

2.post 和 get 方式的区别？

GET和POST是HTTP请求的两种基本方法：

• POST ： 向指定的资源提交要被处理的数据
• GET ：从指定的资源请求数据
  区别:参考资料
  最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。
  1.GET后退按钮/刷新无害，POST数据会被重新提交（浏览器应该告知用户数据会被重新提交）。
  2.GET书签可收藏，POST为书签不可收藏。
  3.GET能被缓存，POST不能缓存 。
  4.GET请求只能进行url编码，而POST支持多种编码方式。
  5.GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
  6.GET请求在URL中传送的参数是有长度限制的，而POST没有。
  7.对参数的数据类型，GET只接受ASCII字符，而POST没有限制。
  8.GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
  9.GET参数通过URL传递，POST放在Request body中。
  
  

  4028061-734a4ac19881dfa3.png

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

• name 属性规定 input 元素的名称，只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
  例如：

上方两个input在提交表单信息上，默认情况下只有id为username，具有name属性的input的数据才能提交

• 同样，当 input 类型为 radio 时，name属性也常用于给此类单选框分组

4.radio 如何分组?

• 具有相同 name 属性值的 radio 为同一组。下面代码是两组单选。

男
女
男
女

radio.PNG

5.placeholder 属性有什么作用?

• placeholder属性能够让你在文本框里默认显示提示信息，一旦你在文本框里输入了什么信息，提示信息就会隐藏。

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

• 作用：隐藏不让用户看到的信息，但这些信息对于web应用又是很有必要的

暂存信息：后端在构造web页面的过程中，通过hidden隐藏域在页面中添加相应的数据信息（用户对网页操作可能会用到这些信息）
信息安全：后端在构造web页面的过程中，通过hidden隐藏域在页面中添加相应的验证信息，当提交form表单时，服务器会收到该验证信息，然后通过一定的算法校验该验证信息，可以有效防止非法请求对数据库的增删改查，提高了web应用的安全性