表格:
<table>
<tr>
<th>表格1</th>
</tr>
<tr>
<td>表格2</td>
</tr>
</table>
快捷键:table>tr*数量>td*数量
属性名 | 属性值 | 说明 |
align | left、center、right | |
border | 1或“” | 边框 |
cellpadding | 像素值 | |
cellspacing | 像素值 |
合并单元格: | ||
跨行: | rowspan="合并单元格数量" | |
跨列: | colspan="合并单元格数量" | |
删除多余的单元格 |
表单域 | <form></form> | |
属性 | 属性值 | 作用 |
action | url地址 | |
method | get/post | 提交方式 |
name | 名称 | 表单域名称 |
表单元素:
1、input输入表单元素
<input type=" " /> | |
名称 | 元素 |
文本框 | text |
密码框 | password |
单选框 | radio |
复选框 | checkbox |
提交 | submit |
重置 | rest |
普通按钮 | button |
上传文件 | file |
隐藏无法在网页显示 | hidden |
name | 元素名称 |
value | 元素的值,多选框 |
checked | 默认选中,对单选框和复选框 |
maxlength | 限制表单元素的字符数 |
size | 设置文本框/密码框的长度 |
readonly | 只读 |
disabled | 禁用 |
<label>标签:(用于label之后可以把这个单选或复选框跟文本描述关联起来,这样点击文字就能选中这个单选框)
<input type="text". id="nan"><label for="nan">男</label>
2、select下拉表单元素(<option>中定义selected时,即为默认选中)
<select>
<option>选择1</option>
<option>选择1</option>
</select>
3、定义多行文本输入:(定义:(1)cols 显示列数 (2)rows显示行数)
<textarea>文本</textarea>
4、图片按钮:
<input type="image" src="图片路径" />