[TOC]
# 案例1:表单控件
```
<form name="" action="" method="" enctypr="" target="">
……
<input type="" name=""/>
<select></select>
<button></button>
<textarea></textarea>
</form>
```
![](https://img.kancloud.cn/f0/81/f081369db0be47e59dccf0b09a507333_462x162.png)
![](https://img.kancloud.cn/c7/c3/c7c33872a238f0a638b9582af49a5815_510x455.png)
# 案例2:百度搜索
![](https://img.kancloud.cn/f9/2d/f92dd6b75e262c1872e47e3b35cc8c41_627x285.png)
# 案例3:百度图库搜索
![](https://img.kancloud.cn/41/79/4179cc04a412c96888f3245e99f7dea3_652x355.png)
# 案例4:课程评价界面
```
form>fieldset>legend
```
![](https://img.kancloud.cn/1e/fb/1efbf994711d59426ac58c8854a36e0f_529x459.png)
```
<label for="id">被点击文本</label>
```
![](https://img.kancloud.cn/ef/ef/efef777ca88e1e8fdc6b98f4a86344e6_429x137.gif)
- 目录
- 1课程介绍
- 2HTML
- 2.1概述
- 2.2常用标签
- 2.3列表标记
- 2.4超链接与图
- 2.5表格
- 2.6表单
- 2.7frameset
- 3CSS
- 3.1样式表
- 3.2选择器
- 3.3样式
- 3.4浮动和定位
- 3.5布局案例
- 3.6CSS3
- 3.7选修
- 4JavaScript
- 4.1JavaScript基础
- 4.2JavaScript变量及函数
- 4.3JavaScript常见对象及操作
- 4.4JavaScript操作DOM&BOM
- 4.5JavaScript事件响应
- 5Ajax
- 5.1Ajax基础
- 5.2Ajax&XML
- 5.3Ajax&JSON
- 6HTML5
- 6.1新标签及媒体
- 6.2Canvas绘图
- 7jQuery
- 7.1jQuery&DOM
- 7.2jQuery&Ajax
- 7.3jQuery动画