1.Form
表示表单范围
属性
- action 提交地址
- method 提交方式 get / post
post提交方式比get更加安全
- enctype 提交的数据格式
2.input
表单单元,根据不同的type类型决定了不同的表格形式
type 元素显示类型
- text
- search 搜索框
- password
- radio
- checkbox
-botton 没有意义的按钮
- submit 提交
- reset 重置
- color 颜色选择框
- date 日期选择框
- time
- number
- file 文件选择
value 表单的值
name 配合提交使用的,当使用form表单的自动提交功能的时候,才需要用到name属性
id 配合label标签使用
checked 默认选中
multiple 多选,配合type=file使用
autocomplete 自动补全开关
属性 - off
- on
autofocus 自动获取焦点
当页面上有多个标签写了这个属性,那么第一个自动获取焦点
3.select 下拉选中框
配合option使用
- value 表示该选项的选中值
- 标签对内书写的时展示值
- 属性 selected
- 给option标签使用的 表示默认选中
- 属性 multiple
- 表示多选选择框 此时可以给多个option添加selected
textarea 文本域
- col 多少列 决定了宽度
- row 多少行 决定了高度
button 按钮
- input type=button 不管在什么位置都是普通按钮
- <button></button> 在form标签内是type=submit 提交按钮