HTML称为超文本标记语言，是一种标识性的语言。常用的元素有：文本格式化、列表、链接、图像、视频、音频、表格、表单。本节主要学习表格、表单这2个常用元素

表格

• 表格基本元素

<table>
<tr> <!--行 table row-->
<td> </td> <!--列 table data-->
<td> </td>
...
</tr>
...
</table>

• 表格外围元素

1. caption 定义表格标题
2. th 定义表头（行、列）

• 跨列与跨行

th td元素中 引入
rowspan="N" 属性 跨行
colspan="N" 属性 跨列

• 表格分组

<table>
<thead> <!--眉页-->
</thead>
<tbody> <!--正文-->
</tbody>
<tfoot> <!--注脚-->
</tfoot>
</table>

表单

• 什么是表单

收集用户不同类型输入的场所，将这些输入数据提交给指定服务器处
理。
<form>
表单子元素，比如input textarea
</form>
属性：
id,name
action 表单中输入的数据交给谁去处理 URL
method 请求方式 GET POST
enctype 数据编码格式 application/x-www-ulrencoded 默
认
multipart/form-data 一般上传文件
text/plain

• 表单子元素

1. 填写
文本框 数字框 密码框 文本域
2. 选择
下拉列表 单选框 复选框 文件选择
3. 点击
提交 重置 普通 图像按钮

• 文本框

<input type="text" id="" name="" maxlength="">

• 密码框

<input type="password" id="" name="" maxlength="">
<label for="others_id">标注</label>
<input type="password" id="others_id" name=""
maxlength="">

• 数字框

<input type="number" id="" name="" maxlength="">

• 文本域

<textarea id="" name="" rows="m" cols="n">
提示信息
</textarea>

• email

<input type="email" id="" name="" >

• 下拉列表

<select id="" name="">
<option></option>
<option></option>
...
</select>
1.默认值
<select id="" name="">
<option></option>
<option selected="selected"></option>
...
</select>
2.选项分组
<optgroup label="">
<option></option>
<option></option>
...
</optgroup>

• 日期选择

<input type="datatime-local" id="" name="" >

• 单选框

<input type="radio" id="sex1" name="ysex"
value="male" checked="checked">男
<input type="radio" id="sex2" name="ysex"
value="female">女
<input type="radio" id="sex3" name="ysex"
value="secret">保密

• 复选框

<input type="checkbox" id="hobby1" name="yhobby"
value="singing" checked="checked">唱歌
<input type="checkbox" id="hobby2" name="yhobby"
value="dancing">跳舞
<input type="checkbox" id="hobby3" name="yhobby"
value="reading">读书
<input type="checkbox" id="hobby4" name="yhobby"
value="play game" checked="checked">游戏

• 文件

<input type="file" accept="" >

• 提交按钮

<input type="submit" name="" id="" value="">

• 重置按钮

<input type="reset" name="" id="" value="">

• 普通按钮

<input type="button" name="" id="" value="">

• 图像按钮

<input type="image" name="" id="" src="" >
<button type="submit">
注册
</button>
<button type="image">
<img
src="https://www.baidu.com/img/bd_logo1.png?
where=super" height="" width="">
</button>

表单元素分组

<fieldset>
<legend>
组名
</legend>
<legend>
组名
</legend>
...
</fieldset>