2021-04-05

form表单
适用场景
1.登录，注册页面
2.搜索功能
以上情况都需要用户的输入或选择
祖先元素：form
属性：
action 提交地址
method 提交方式 取值：get/post
get:提交信息展示到地址栏
post：地址栏隐藏提交信息
单选框
type实现单选框的样式
name值相同，才实现单选的功能

        性别：男         女

用户输入:用name 选择：name和value 都要给 2.输入最大长度

    手机号：

placeholder提示信息 placeholder和value的区别 (1) 样式不同 placeholder灰色，value黑色 （2）value表示当前标签的默认值 （3）当激活标签输入内容时 placeholder提示内容会消失 value的内容依然存在 lable与input关联 功能：点击lable标签，激活关联的input标签 实现：lable的for属性与input的id值相同，则关联成功

      姓名：    *

关联成功可设置宽高，对齐方式等样式 多行文本框 扩展内容：select下拉列表 select祖先元素 name属性即键名 option后代元素 可选择的项目 option 的value值时select的value值 optgroup选项的分组（提升用户体验） lable属性otgroup在页面展示内容 注：optgroup是不能被选择的 设置默认值：在option标签里添加selected 多选框，复选框  

      爱好：干饭       睡觉       打豆豆  

input标签的required属性代表必填项 如果提交时添加required属性的input标签没有填写内容 浏览器会提示“请填写此字段” 当input标签添加了checked属性 表示选中当前input标签（即默认值） 仅适用单选和多选框 当input标签添加了disabled属性 表示禁用当前标签