表格标签
<table> //定义table
<thead> //表格头部区域 内部必须拥有tr标签
<tr> //tr定义行
<th>我是表头</th> //自动加粗+居中
</tr>
</thead>
<tbody> //表格内容区域
<tr>
<td>我是表格内容</td> //th+td定义列
</tr>
</tbody>
</table>
表格的属性
align
定义表格的对齐方式(属性值:left right center)[tavble,并非是内容]border
表格单元是否拥有边框(1
或‘ ’
)cellpadding
单元边沿与内容之间的空白 (默认:1px)cellspacing
单元格之间的空白 (默认:2px)width
+height
表格的宽度+高度 (‘px’ 或 ‘%’)
合并单元格
rowspan
跨行合并 [最上侧的单元格为目标单元格,写合并代码]colspan
跨列合并[最左侧的单元格为目标单元格,写合并代码]
列表标签
<ul>
<li>无序列表</li>
</ul>
<ol>
<li>有序列表</li>
</ol>
<dl>
<dt></dt>
<dd>自定义列表</dd>
</dl>
表单标签
表单域
<form action='url地址|www.baidu.com' method='提交方式|get/post' name='表单域名称|loginForm'>
<input type='text' name='username' value='admin' />
</form>
表单控件
-
input 表单元素
<input type='定义属性值' name='定义input元素的名字' value='定义input元素的值' checked='规定此input元素首次加载时是否被选中|checked' maxlength='规定input元素中输入的字符的最大长度|number' placeholder='为用户提供提示信息' />
其他事项:
1. name和value是每个表单元素都应必有的属性值,主要给后台人员使用 2. 单选框和复选框要有相同的name值 3. checked针对于checkbox与radio,作用是默认选中
-
select 下拉框表单元素
<select> <option selected='selected'></option> </select>
-
textarea 文本域变淡元素
<textarea clos='每行中的字符数' rows='显示的行数'></textarea>
label标签
<label for='input对应的id'></label>
input表单type的属性值
属性名 | 描述 |
---|---|
button | 定义可点击按钮 |
checkbox | 定义复选框 |
file | 定义输入字段和浏览按钮,供文件上传 |
hidden | 定义隐藏的输入字段 |
image | 定义图像形式的提交按钮 |
password | 定义暗文输入框 |
radio | 定义单选框 通过相同的name获得互斥效果 |
submit | 定义提交按钮 提交按钮会把表单中的数据发送到服务器 |
reset | 定义重置按钮 重置按钮会清空表单中的所有数据 |
text | 定义单行的输入字段 |