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

60 阅读 0 评论 40 点赞

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

概述

1.3 HTML

#### 1.3.2.6 表格

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


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

<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	多行文本框

<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 属性值相同