HTML 表单的用法

form表单有什么作用
 HTML 表单用于搜集不同类型的用户输入,表单是一个包含表单元素的区域 表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
form标签是表单的外壳,主要有四个属性:
  action: 表单提交的地址
  method:提交保单的方法
  target:在何处打开action
  enctype:
  1. application/x-www-form-urlencoded:在发送前编码所有字符(默认)
  2. text/plain:空格转换为 "+" 加号,但不对特殊字符编码
  3. multipart/form-data:使用包含文件上传控件的表单时,必须使用该值
表单的使用方法
   使用form标签包裹需要的信息--以提交数据
   
//.... //method:get 和 post
常用的input 标签及作用
常用input 作用
文本输入框:单行输入文字
密码输入框:输入消失用圆点做展示
复选框 :多选,如果是一组,写上同样的name ,同时加上不同的value (默认为on)
单选框:单选,如果是一组,写上同样的name ,同时加上不同的value (默认为on)
文件上传:accept可以上传的文件类型
下拉框: 默认被选中的加上 selected
多行文本的输入
隐藏域 :作用1暂存信息, 作用2 若愚老师-CSRF 是什么--后台校验,正确为安全,有权限为合法用户
普通按钮
提交按钮 ,直接用也可以提交
重置按钮:清空信息
post 和 get 方式的区别
get post
将所有数据拼接成键值对的形式,url发生变化 url不会发生变化
容易信息泄露 ,用于安全要求不高(一般用于向后台取数据) 用于信息较敏感的情况(一般用于上传数据)
地址字符有限,会自动截断,数据不完整 理论上可以提交无限的信息量。
在input里,name 的作用
     POST和GET的时候,name和input中的value会形成的 键/值 对,name为键值对的key,用于上传数据
radio 的分组
      同一组使用相同的name值
      北京
      上海
      杭州

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

你可能感兴趣的:(HTML 表单的用法)