今日学习总结

下拉列表

下拉列表由 两个标签组成

select和option组成,select表示下拉列表的整体，option表示下拉菜单的每一项

• 常见属性:selected 表示默认选中一个选项

表单标签中的textarea标签

textarea标签表示可以输入多行的表单控件

在实际开发中，针对于textarea可以使用css来定义其样式.

label标签

label标签主要是提高用户的体验效果

label有两种使用方法:

使用方法①：

0. 使用label标签把内容（如：文本）包裹起来

1. 在表单标签上添加id属性

2. 在label标签的for属性中设置对应的id属性值 Ø 使用方法②：

3. 直接使用label标签把内容（如：文本）和表单标签一起包裹起来

4. 需要把label标签的for属性删除即可

   在这里推荐使用第二种方法

表单控件

表单控件的分类

<input type="text" placeholder=""> 表示文本框
​
<input type="password" placeholder=""> 表示密码框
​
<input type="radio" > 表示单选框,其中checked标签可以默认选择单选框，有相同的name属性值得单选框为一组，一组中同时只能有一个被选中
​
<input type="checkbox"> 表示复选框,常用的属性为checked，可以默认选中复选框。
​
<input type="file" > 表示选择文件,其中multiple标签表示可以选择多个文件
​
<input type="search" placeholder=""> 表示搜素框,其中placeholder属性表示占位符,提示文本。
​
<input type="number"> 表示数值框,数值框内只能输入数字。
​
<input type="color" > 表示颜色框，可以选择颜色
​
<input type="datetime-local" placeholder=""> 表示时间选择框
​
表单的空间有很多种，上面只是简单的列出了常用的标签

没有语义化的标签

• div:表示块儿级元素，div标签独占一行

• span:行级元素,一行可以显示多个，如果一行装不下就自动换行

.有语义化的标签

• header 网页头部

• nav 网页导航

• footer 网页底部

• aside 网页侧边栏

• section 网页区块

• artical 网页文章

字符实体