HTML 表单的用法

form表单有什么作用

 HTML 表单用于搜集不同类型的用户输入，表单是一个包含表单元素的区域 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。
form标签是表单的外壳，主要有四个属性：
  action： 表单提交的地址
  method：提交保单的方法
  target：在何处打开action
  enctype:
  1. application/x-www-form-urlencoded：在发送前编码所有字符（默认）
  2. text/plain：空格转换为 "+" 加号，但不对特殊字符编码
  3. multipart/form-data：使用包含文件上传控件的表单时，必须使用该值

表单的使用方法

   使用form标签包裹需要的信息--以提交数据
   <form action="提交form后台对应的地址"  method="get">
         //....
         //method:get 和 post 
    </form>

常用的input 标签及作用

常用input	作用
<input type="text" >	文本输入框：单行输入文字
<input type="password">	密码输入框：输入消失用圆点做展示
<input type="checkbox">	复选框 ：多选，如果是一组，写上同样的name ,同时加上不同的value （默认为on）
<input type="radio">	单选框:单选，如果是一组，写上同样的name ,同时加上不同的value （默认为on）
<input type="file" accept="image/png">	文件上传：accept可以上传的文件类型
<select name="city"> <option value="">//...</option></select>	下拉框： 默认被选中的加上 selected
<textarea name="" id="" cols="30" rows="10">初始值</textarea>	多行文本的输入
<input type="hidden" value="123456" name="abcd">	隐藏域 :作用1暂存信息， 作用2 若愚老师-CSRF 是什么--后台校验，正确为安全，有权限为合法用户
<input type="button">	普通按钮
<input type="submit">	提交按钮 ，直接用<button></button>也可以提交
<input type="reset">	重置按钮：清空信息

post 和 get 方式的区别

get	post
将所有数据拼接成键值对的形式，url发生变化	url不会发生变化
容易信息泄露 ，用于安全要求不高（一般用于向后台取数据）	用于信息较敏感的情况（一般用于上传数据）
地址字符有限，会自动截断，数据不完整	理论上可以提交无限的信息量。

在input里，name 的作用

     POST和GET的时候，name和input中的value会形成的 键/值 对，name为键值对的key，用于上传数据

radio 的分组

      同一组使用相同的name值
      <input type="radio" name="city" value="beijing">北京
      <input type="radio" name="city" value="shanghai">上海
      <input type="radio" name="city" value="hangzhou">杭州

      <input type="radio" name="gender" value="male">男
      <input type="radio" name="gender" value="female">女

placeholder 的作用

  默认提示，手动输入时会自动消失，不影响value

type=hidden隐藏域的作用

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