任务五-主线

HTMLform表单(1)

  • HTML表单用于搜集不同类型的用户输入,提交给网站后台
  • 往哪去提交,提交给谁,提交按钮在哪里
  • 所有的信息用
    包裹起来,点击提交后可以将里面的东西提交,形成一个完整的数据
    • action=‘/abc’, method=‘get’
    • 在本地执行的,也可以在本地搭建服务器,输入内容会提交到服务器
    • method 两种方式向后台发送请求提交数据:
      • get=所有信息组装起来(name),用&符号链接,后面加个问号,放在url里面传输,向地址发送请求,本质就是一个URL的拼接
      • post=url没有发生变化,数据和参数仍然可以发送给服务器
      • post&get:是浏览器向服务器发送请求的方式;get密码很容易就能被看到;如果数据量特别大,拼装的URL太大,地址栏是有限制的,数据是不完整传输给后台;理论上说post数据大小是没有限制的,但是至少不会被截断
      • 什么时候使用呢?希望向后台要数据就用get,希望向后台传输数据用post,安全性比较高用post
    • open terminal-server start-以服务端的方式打开页面
    • 检查-network-preserve log-all

HTMLform表单(2)

  • 标签是表单的外壳,主要有四个属性
    • action:表单提交的地址
    • method: 提交表单的方法
    • target: 在何处打开action
    • enctype:
      • application/x-www-form-urlencoded: 在发送前编码所有字符(默认)
      • text/plain:空格转换为“+”,但不对特殊字符编码
      • multipart/form-data: 使用包含文件上传控件的表单时,必须使用该值(上传多媒体)
  • input type=
    • “text”: 输入类型是文字,单行输入
    • “password”: 输入类型是密码,输入时默认以圆点进行展示
    • “checkbox”: 可以打勾的框,value=“”才能显示具体选的是什么
      • name如果是一样,说明是多选都在hobby里面
    • “radio”:单选框,name相同的就分为一组,不同就分为两组
    • “value”:初始值
    • “hidden”: 当点击提交的时候,里面的东西也会提交给服务器,一般用来储存信息,或者后台进行校验,防止页面伪造,防止有人修改数据库,从而阻止csrf攻击
    • “button”: 点击之后不能提交表单
    • “submit”:提交表单
    • “reset”:用户数据清空
    • “file”: 文件上传
      • accept=“image/gif, image/jepg” 只有规定类型才可以上传
  • tab index:默认设置好输入顺序,一个输入完了以后按tab跳到默认下一个输入框