表格与表单

一:表格
1:表格基本语法
< table border=“1”>
< tr >
< td>row 1, cell 1</ td>
< td>row 1, cell 2< /td>
< /tr>
< tr>
< td>row 2, cell 1< /td>
< td>row 2, cell 2< /td>
< /tr>
< /table>
表格的表头使用 标签进行定义。
2.表格属性

3:表格结构
< thead>< /thead>
< tbody>< /tbody>
< tfoot>< /tfoot>
4:标题
< table>
< caption> < /caption>
< /table>
5:合并单元格
< !DOCTYPE html>
< html>
< head>
< meta charset=“utf-8”>
< title>菜鸟教程(runoob.com)< /title>
< /head>
< body>

< h4>单元格跨两列:< /h4>
< table border=“1”>
< tr>
< th>Name</ th>
< th colspan=“2”>Telephone< /th>
< /tr>
< tr>
< td>Bill Gates< /td>
< td>555 77 854< /td>
< td>555 77 855< /td>
< /tr>
< /table>

< h4>单元格跨两行:< /h4>
< table border=“1”>
< tr>
< th>First Name:< /th>
< td>Bill Gates< /td>
< /tr>
< tr>
< th rowspan=“2”>Telephone:< /th>
< td>555 77 854< /td>
< /tr>
< tr>
< td>555 77 855< /td>
< /tr>
< /table>

< body>
< /html>

二:表单
1:表单概念
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 来设置:
< form>
.
input 元素
.
< /form>
2:input控件

3:label标签
for属性绑定表单
4：textarea文本域
基本语法如下
< textarea cows=“行”, rows=“列” >
< /textarea>
5:下拉菜单
基本语法：
< select>
< option>< /option>
< option>< /option>
< option>< /option>
…
< /select>
6:表单域