网易微专业前端工程师学习笔记

100 阅读 0 评论 66 点赞

我是靠谱客的博主动人小天鹅，这篇文章主要介绍网易微专业前端工程师学习笔记，现在分享给大家，希望可以做个参考。

1.3 HTML

#### 1.3.2.6 表格

　常用表格模版如右所示：注：


元素或属性	意义
caption	表示表格名称
thead	表示表格顶部
tbody	表示表格主体
tfoot	表示表格底注
tr	表示行
th	表示表头（可以是横着也可以是竖着）
td	正常单元格
rowspan	可以合并行
colspan	可以合并列

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<table>
<caption>abc</caption>
<thead>
<tr>
<th> A </th>
……
</tr>
</thead>
<tbody>
<tr>
<th rowspan = "2"> B </th>
……
</tr>
</tbody>
<tfoot>
<tr>
<td colspan = "3"> C </td >
……
</tr>
</tfoot>
</table >

#### 1.3.2.7表单

　常用表单模版如右所示：注：


元素或属性	意义
action	提交表单的后台接口
method	表单提交的方式
fieldset	分区
legend	标题
input	输入（有很多类型）
type	file、checkbox、radio、text、submit、reset、email、url、number、tel、search、range、color、date picker
button	submit、reset
select	下拉选择框
option	选择项
textarea	多行文本框

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form action = "/login" method = "post">
<fieldset>
<legend>表格名称</legend>
<lable> </lable>
<input type = "" name = "" value = "">
<button type = "submit"></button>
<select>
<option value = "0">A</option>
<option value = "1">B</option>
<option value = "2" selected>C</option>
<div> </div>
</fieldset>
</form>
lable 和 input 等输入项 用 for 连接需使 for 后面的值与 input 中的 id 属性值相同