HTML（十一） 表单内容-详解

可关联的元素有：button，input，meter，output，progress，select，textarea

select

列表选择器，主要用作选择菜单，默认是一个单选

菜式1 菜式2 菜式3 菜式4 菜式5

如果要开启多选功能，加上multiple属性

菜式1 菜式2 菜式3 菜式4 菜式5       

如果在单选或多选的情况下，要显示更多项（默认四项），加一个size，

另外可以使用**做分组**

菜式1 菜式2 菜式3 菜式4 菜式5

可以通过disable做禁用

菜式1 菜式2 菜式3 菜式4 菜式5

datalist

为表单控件预定义的选项集合，如果仅仅是默认状态下，是为不可见的，只有当关联起来之后，可以造成如：激活输入框，显示datalist之间的内容

数据：

1 2

option

选项，可以嵌入在select，datalist，optgroup元素里

1

textarea

多行文本输入框

progress

任务进度信息控件

当有确定的进度的时候，比如，到100结束，可以设置value和max，效果是，到100后停止

当不确定进度的时候，可以只设置max，这样的效果就是一段小进度来回滚动

meter

度量信息控件，比如展示磁盘空间

• value：当前数值，没有指定，或者超过，低于设定的值，会显示一个最接近该设定的值

• min：值的最小边界，比max小

• low：低值上限

• high：高值的上限

• max：值的最大边界，比min大

• optimum：最佳取值指示

fieldset

学习笔记

主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue等等

HTML/CSS

**HTML：**HTML基本结构，标签属性，事件属性，文本标签，多媒体标签，列表 / 表格 / 表单标签，其他语义化标签，网页结构，模块划分

**CSS：**CSS代码语法，CSS 放置位置，CSS的继承，选择器的种类/优先级，背景样式，字体样式，文本属性，基本样式，样式重置，盒模型样式，浮动float，定位position，浏览器默认样式

HTML5 /CSS3

**HTML5：**HTML5 的优势，HTML5 废弃元素，HTML5 新增元素，HTML5 表单相关元素和属性

**CSS3：**CSS3 新增选择器，CSS3 新增属性，新增变形动画属性，3D变形属性，CSS3 的过渡属性，CSS3 的动画属性，CSS3 新增多列属性，CSS3新增单位，弹性盒模型

JavaScript

**JavaScript：**JavaScript基础，JavaScript数据类型，算术运算，强制转换，赋值运算，关系运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串

CSS3 新增属性，新增变形动画属性，3D变形属性，CSS3 的过渡属性，CSS3 的动画属性，CSS3 新增多列属性，CSS3新增单位，弹性盒模型

[外链图片转存中…(img-C9r83Aaq-1718009528869)]

JavaScript

**JavaScript：**JavaScript基础，JavaScript数据类型，算术运算，强制转换，赋值运算，关系运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串