用户注册样式

最新推荐文章于 2023-06-15 10:18:09 发布

Libra*

最新推荐文章于 2023-06-15 10:18:09 发布

阅读量92

点赞数

文章标签：前端 html javascript

本文链接：https://blog.csdn.net/Prejudice_csr/article/details/127657489

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户注册</title>
		<style type="text/css">
			table {
				width: 30%;
				height: 350px;
				border: 1px solid white;
			}
			.td{text-align: right;}
			.tr1{background-color: darkgrey;}
			.tr2{background-color: lightgrey;}
		</style>
	</head>
	<body>
		<table>
			<form>
				<tr class="tr1">
					<td colspan="2" align="center">用户注册</td>
				</tr>
				<tr class="tr2">
					<td class="td">用户名</td>
					<td>
						<input type="text" name="UserName" maxlength="15" />
					</td>
				</tr>
				<tr class="tr2">
					<td class="td">密码</td>
					<td>
						<input type="password" name="UserPass" maxlength="15"/>
					</td>
				</tr>
				<tr class="tr2">
					<td class="td">性别</td>
					<td>
						<input type="radio" name="sex" checked="checked"/>男
						<input type="radio" name="sex" />女
					</td>
				</tr>
				<tr class="tr2">
					<td class="td">爱好</td>
					<td>
						<input type="checkbox" name="like" />写作
						<input type="checkbox" name="like" />听音乐
						<input type="checkbox" name="like" />体育
					</td>
				</tr>
				<tr class="tr2">
					<td class="td">省份</td>
					<td>
						<select name="province">
							<option value="shananxi" selected>陕西省</option>
							<option value="shanx">山西省</option>
						</select>
					</td>
				</tr>
				<tr class="tr2">
					<td class="td">自我介绍</td>
					<td>
						<textarea name="intro" cols="25" rows="5">这个家伙什么也没留下</textarea>
					</td>
				</tr>
				<tr class="tr1">
					<td colspan="2" align="center">
						<input name="send" type="submit" value="提交"/>&nbsp;&nbsp;&nbsp;&nbsp;
						<input name="reset" type="reset" value="重置"/>
					</td>
				</tr>
			</form>
		</table>
	</body>
</html>