表单元素

一系列元素，主要用于收集用户数据

input元素

文本输入

- type属性：输入框类型
- value属性：输入框的值
- placeholder属性：显示提示的文本，文本框没有内容时显示
type：text，普通文本输入框

type：password，密码框

type：date，日期选择框，有兼容性问题

type：search，搜索框

type: range，滑块

type: color，颜色选择

type: number，数字输入框

type: checkbox，多选框

type: radio，单选框
男
女
type: file，多选框

input制作按钮
当type值为reset、button、submit，reset表示按钮：



select元素

下拉列表选择框
通常和option配合使用

请选择城市：

请选择你最喜欢的主播：

请选择你喜欢的主播（多选）：

textarea元素

文本域，多行文本框

请填写简介：

按钮元素

button
type值：reset、button、submit，默认值submit

用图片做按钮：

或

表单状态

readonly属性：布尔属性，是否只读

用户账号：

disabled属性：布尔属性，是否禁用，会改变表单显示样式

用户账号：

列表，按钮等都可以禁用

配合表单元素的其他元素

label

普通元素，通常配合单选和多选框使用

请选择性别： 女

- 显式关联

可以通过for属性，让label元素关联某一个表单元素，for属性书写表单元素id的值

- 隐式关联

用label把input和里面的文字包起来（可以不用写id）

datalist

数据列表
该元素本身不会显示到页面，通常用于和普通文本框配合使用

请输入你常用的浏览器：

form元素

通常会将整个表单元素，放置form元素的内部，作用是当提交表单时，会将form元素内部的表单内容以合适的方式提交到服务器。
form元素对开发静态页面没有什么意义。

fieldset元素

表单分组，

修改用户信息

账号信息

用户账号：

用户密码：

基本信息

用户姓名：

城市：