任务五-主线

HTMLform表单（1）

• HTML表单用于搜集不同类型的用户输入，提交给网站后台
• 往哪去提交，提交给谁，提交按钮在哪里
• 所有的信息用<form>包裹起来，点击提交后可以将里面的东西提交，形成一个完整的数据
  • 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）

• <form>标签是表单的外壳，主要有四个属性
  • 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” 只有规定类型才可以上传
• <label>输入框前面的提示
  • for：当点击文字的时候，也可以让输入框变成focus状态
  • for的值和对应输入框的id是一样的
• tab index：默认设置好输入顺序，一个输入完了以后按tab跳到默认下一个输入框
• <select>下拉菜单，所有的input都要加上name
  • <option value=“”>
  • 默认情况下希望选中某一个，直接在后面加上selected
• <textarea>输入比较大的多行文本，直接在后面输入的就是初始值
• <input placeholder=“”>输入框里面的提示，点击以后就自动消失了