HTML表单的用法
2017-01-20 本文已影响0人
RookieD
表单标签
- form标签 所包裹的标签数据会被提交给后台
- action 指定后台的地址
- method 提交的方式，get/post
- input标签
- type 指定输入值的类型
- text 普通的文本输入框，单行输入
- password 输入的字符默认是以原点显示
- checkbox 靠name属性分组，多选框，要设置value，不设置value默认向后台传输值为on
- radio 靠name属性分组，单选框，要设置value
- file 上传文件按钮
- accept 与file联用，指定上传文件的类型
- hidden 隐藏的input标签，仍然可以向后台传输数据，可以暂存一些值、提供安全性
- submit 提交按钮，和button标签效果一样
- reset 清空用户输入
- placeholder 输入框中的默认展示内容
- name 标识一个input标签，其实就是上传数据时的key值
- value 指定向后台传输的值
- label标签
- for 指定label绑定到哪个表单元素，比如在input标签中指定id值，将for=这个id值，这样label标签就能指向相应的input标签
- select标签 下拉菜单
- name
- option标签 select子标签，下拉菜单选择项
- value
- selected 有这个属性，就是默认被选择的选项
- textarea标签 多行文本框
- name
get与post的区别：
- get将所有的参数拼接在URL（形式：URL?key1=value1&key2=value2...）之后传送给服务器；用于向后台请求数据，安全性要求低的情况
- post会将参数传输给后台，但是URL不发生变化；用于向后台传输大量数据，对安全性要求高的情况
