表格表单的制作

表格表单的制作

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格表单</title>
	</head>
	<body>
		<form action="">
			<table border="1" cellspacing="" cellpadding="">
				<tr><th>Header</th><th>Header</th></tr>
				<tr><td>用户名</td><td><input type="password" /></td></tr>
				<tr><td>密码</td><td><input type="password" /></td></tr>
				<td>性别</td>
				<td>
					<label for="nan">
						<input type="radio" name="sex" id="nan" />男
					</label>
					<label for="nv">
						<input type="radio" name="sex" id="nv" />女
					</label>
				</td>
				<tr><td><button>提交</button></td><td><button>重置</button></td></tr>
			</table>
		</form>
	</body>
</html>

form：功能层，负责数据提交、数据收集

table：布局层，负责文字、输入框对齐排版

制作表格表单的时候，注意for后面所写的要与id的内容相同

posted @ 2026-07-07 08:57  碰一下猫猫头  阅读(11)  评论(0)    收藏  举报