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=“”>输入框里面的提示，点击以后就自动消失了
网友评论