HTML列表和表单

列表

1.无序列表

语法：

由ul和小li两个标签实现。
注意：

• <ul></ul>中只能包含小li，不能放其他元素
• 而<li></li>相当于一个容器，可以放置任何内容，如p标签
  下面是一个无序列表：
  

2.有序列表

语法：

由ol和小li组成，形成的列表是有序的，如粉丝排行榜
注意：

• <ol></ol>中只能包含小li，不能放其他元素
• 而<li></li>相当于一个容器，可以放置任何内容，如p标签
  下面是一个有序列表：
  

3.自定义列表

语法：

dl这里相当于一个盒子，用于装dt和dd
举个栗子：

注：

• <dl></dl>中只能装 <dt></dt> 和<dd></dd>
• <dt></dt> 和<dd></dd>在<dl></dl>中无个数限制，经常是一个dt对应多个dd

表单

用于用户个人的信息收集

1.表单域

表单域是指一个表单的区域
语法：

常用属性：

2.表单控件（表单元素）

表单域可以定义表单中的各种表单元素

2.1input标签

语法：

这里的type是必需元素
type也有许多属性值：

input标签中除了type还有许多其他属性：

2.2label标签

<label></label>可以绑定一个表单元素，当点击<label></label>标签内的文本时，光标会自动转移到对应元素上，以此来增加用户体验
语法：

2.3select下拉表单

这里是一个下拉表单，用来选相应贯籍：

语法：

注：

• 选项中至少包含一个option选项
• 在第一个<option>中添加select=”selected“；时，该选项默认选中

2.4textarea表单元素

当我们想要输入很多内容时，用text实现当然是不现实的这时候我们可以选用<text></text>标签
语法：

注：这里的rows和cols用来设置行数和列数