表格标签
用于格式化展示数据
<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>
表单标签
一个完整的表单通常由表单域、表单控件、提示信息3个部分组成
表单域
表单域是一个包含表单元素的区域,通过<form> 标签定义表单域
<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> 为input元素定义标注,用于绑定当前的input元素,当点击label中的内容时,会自动将焦点转到input元素上。
<label for='input对应的id'></label>
input表单type的属性值
属性名 | 描述 |
---|
button | 定义可点击按钮 | checkbox | 定义复选框 | file | 定义输入字段和浏览按钮,供文件上传 | hidden | 定义隐藏的输入字段 | image | 定义图像形式的提交按钮 | password | 定义暗文输入框 | radio | 定义单选框 通过相同的name获得互斥效果 | submit | 定义提交按钮 提交按钮会把表单中的数据发送到服务器 | reset | 定义重置按钮 重置按钮会清空表单中的所有数据 | text | 定义单行的输入字段 |
|