HTML表单的用法

表单标签

• 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不发生变化；用于向后台传输大量数据，对安全性要求高的情况