HTML的列表和表单

大家好，我是你们的导师，每天我都会给大家分享一些干货内容（当然了，周末也允许我休息一下哈）。上一次给大家分享了如何给网页添加图片和超链接，那么今天我主要给大家分享下HTML中的列表和表单知识。

1. 列表

列表总共有三种：无序列表、有序列表和定义列表。老师来给大家总结一下。

无序列表：无序列表中列表项和列表项之间不分先后顺序。

列表项1
列表项2
列表项3
列表项4

复制代码

浏览器默认添加“·”作为先导符号。li不能单独存在，必须包裹在ul里面，反过来说，ul里面只能有li。而li是一个容器级标签，里面可以是任何标签。

有序列表：

列表项
列表项
列表项

复制代码

ol表示ordered list ，意思是有序列表。

定义列表：

定义标题
定义描述
定义标题
定义描述
定义标题
定义描述

复制代码

dl表示definition list 定义列表。
dt表示definition title 定义标题。
dd表示definition description 定义表述词儿。
dt、dd只能在dl里面；dl里面只能有dt、dd。

2. 表单

表单就是收集用户信息的，就是让用户填写的、选择的。

欢迎注册本网站
所有的表单内容，都要写在form标签里面

复制代码

div的语义是division“分割”，div标签是最最重要的布局标签，div中的所有元素是一个小区域。

form是英语表单的意思，form中间可以添加文本框、密码框、单选按钮、复选框、下拉列表、按钮、文本域等内容。

文本框：

[/code]
密码框：
[code]

复制代码

单选按钮：

男
女

复制代码

radio是“收音机”的意思，input的type的值如果是radio就是单选按钮。需要注意的是必须要有相同的name属性，单选按钮才能互斥。

复选框：

睡觉
吃饭

复制代码

下拉列表：

吃饭
睡觉
打豆豆

复制代码

文本域：

[/code]
普通按钮：
[code]

复制代码

提交按钮：

[/code]
3. 综合演练
[code]
表单实战演练
表单
请选择您的性别：
男
女
请选择你的爱好：
睡觉
吃饭
足球
篮球
乒乓球
打豆豆
请选择您的家乡：
北京
河北
河南
山东
山西
湖北
安徽
请输入您的账户名：
请输入您的密码：
请输入您的建议和要求：

复制代码

效果图：

今天就跟大家分享这么多，最后在这顺便回答下有的同学在微信上问我的问题：为什么很多同学在我们这里学了不到4个月，月薪轻松25K以上？

长按扫一扫下面的二维码，我会亲口告诉你答案，一句话，选择大于努力！向有结果的人学习不会有错！