＜input＞的maxlength、size属性----＜fieldset＞与＜legend＞

本文链接：https://blog.csdn.net/qq_43575044/article/details/112220360

1、`<input>`文本框的maxlength、size属性

maxlength：文本框中可输入的字符串最大长度
size：文本框的尺寸（大小）

2、表单中的`<fieldset>`与`<legend>`

当一组表单元素放到标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。
legend标签为 fieldset 元素定义标题。

3、例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
</head>
<body>
	<fieldset>
		<legend>注册新用户</legend>
		<form action="#" method="post">
			<table cellpadding="2" align="center">
				<tr>
					<td align="right">用户名：</td>
					<td><input type="text" name="username" maxlength="32" size="32"></td>
				</tr>
				<tr>
					<td align="right">密码：</td>
					<td><input type="password" name="password" maxlength="18" size="32"></td>
				</tr>
				<tr>
					<td align="right">性别：</td>
					<td><input type="radio" name="gender" value="male" id="male"><label
						for="male">男</label> <input type="radio" name="gender"
						value="female" id="female"><label for="female">女</label></td>
				</tr>
				<tr>
					<td align="right">兴趣：</td>
					<td><input type="checkbox" name="hobby" value="read" id="h1"><label
						for="h1">读书</label> <input type="checkbox" name="hobby"
						value="run" id="h2"><label for="h2">跑步</label> <input
						type="checkbox" name="hobby" value="playGame" id="h3"><label
						for="h3">玩游戏</label> <input type="checkbox" name="hobby"
						value="date" id="h4"><label for="h4">约会</label></td>
				</tr>
				<tr>
					<td align="right">头像：</td>
					<td><input type="file" name="photo"></td>
				</tr>
				<tr>
					<td colspan="2" align="center"><input type="submit" value="注册">
						<input type="reset" value="重填"></td>
				</tr>
			</table>
		</form>
	</fieldset>
</body>
</html>