3. 单选和复选
radio 单选按钮：同一组必须设置相同的 name 属性。
checkbox 复选框：可多选，checked 属性设置默认选中。
演示效果：
4. 下拉选择框
<select> 定义下拉框，<option> 定义选项。
selected 默认选中，disabled 禁用选项，<optgroup> 选项分组。
演示效果：
5. 多行文本 textarea
<textarea> 标签用于多行文本输入。
rows 设置行数，cols 设置列数，resize 控制是否可调整大小。
演示效果：
6. 输入建议 datalist
<datalist> 标签为 <input> 提供输入建议列表。
用户输入时会显示匹配的选项，但也可以输入自定义内容。
演示效果：
7. 表单分组 fieldset
<fieldset> 标签用于将表单元素分组，<legend> 标签定义分组标题。
演示效果：
8. 表单验证
HTML5 提供了内置的表单验证功能：
required 必填 | disabled 禁用 | readonly 只读 | pattern 正则验证 | min/max 范围
演示效果：
验证属性说明：
| 属性 | 说明 |
|---|---|
| required | 必填字段 |
| disabled | 禁用（不可交互，不提交） |
| readonly | 只读（不可修改，会提交） |
| pattern | 正则表达式验证 |
| min/max | 数字范围 |
| minlength/maxlength | 文本长度范围 |
| placeholder | 输入提示 |
1. 锚点链接 #id
锚点链接可以跳转到页面内指定位置。
第一步：给目标元素设置 id；第二步：href="#id"。
4. 图片链接
用 <a> 标签包裹 <img>，点击图片跳转。
演示效果：
5. target 属性
target 属性控制链接打开方式：
_blank 新窗口 | _self 当前窗口（默认）
_parent 父窗口 | _top 最顶层窗口