表格和表单

Posted 2020-07-27 宋小尧

表格：
基本结构：
<table>
	<tr align="right/left/center">
		<td align=right/left/center>万物</td>
	</tr>
</table>

table两个属性：
cellpadding：内容与单元格边框的距离，内部距离
cellspacing：单元格之间的距离，外部距离

三个重点
一、几行几列（几行，每一行有几个单元格）

二、宽度和高度

三、边框  border

--------------------------------------------------------------------
表单：表单元素一般就写在<form>表单标记中间，一个页面只能有一个form表单
一、文本输入
	文本框 - <input type="text">
	密码框 - <input type = "password">
	文本域 - <textarea></textarea>
	隐藏域 - <input type="hidden">
	
二、按钮
	提交按钮 - <input type="submit">
	重置按钮 - <input type="reset">
	普通按钮 - <input type="button">
	图片按钮 - <input type="image">
	
	disabled = "disabled" - 是否可用
	value - 按钮显示文字
	
	
三、选择输入
	单选按钮 - <input type="radio">
	复选按钮 - <input type = "checkbox">
		name - 分组
		checked = "checked" - 默认选中
		<label for="指向id"> - 将焦点定位到for指向的id元素上去
		
	文件上传 - <input type = "file">
	下拉列表框：
		<select multiple="multiple"> - 是否显示多项
			<option>项1</option>
			<option>项2</option>
			......
		</select>
	
	option 中有 selected 属性，设置selected = "selected",就是默认选中项