用table表格标签写注册页面

最新推荐文章于 2023-12-22 15:00:49 发布

ginger_mr

最新推荐文章于 2023-12-22 15:00:49 发布

阅读量1.1k

点赞数

分类专栏： Html

本文链接：https://blog.csdn.net/qq_40332952/article/details/103941120

版权

Html 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

使用table标签写注册页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!-- 创建十行两列表格-->
		<table  width="1350px" height="600px" background="../../img/regist_bg.jpg">
			<tr>
				<td align="center">
				<table border="1px" bgcolor="white" width="600px" height="550px" >
					<tr>
						<td height="55px" colspan="2">
							<strong>会员注册 USER REGISTER</strong>	
						</td>
					</tr>
					<tr>
						<td width="30%" height="55px" align="right">用户名</td>
						<td width="70%" height="55px">
							<input type="text" name="username" />
						</td>
					</tr> 
					<tr>
						<td width="30%" height="55px" align="right">密码</td>
						<td width="70%" height="55px">
							<input type="text" name="username" />
						</td>
					</tr>
					<tr>
						<td width="30%" height="55px" align="right">确认密码</td>
						<td width="70%" height="55px">
							<input type="text" name="reusername" />
						</td>
					</tr>
					<tr>
						<td width="30%" height="55px" align="right">Emaile</td>
						<td width="70%" height="55px" >
							<input type="text" name="emaile" />
						</td>
					</tr>
					<tr>
						<td width="30%" height="55px" align="right">姓名</td>
						<td width="70%" height="55px">
							<input type="text" name="name" />
						</td>
					</tr>
					<tr>
						<td width="30%" height="55px" align="right">性别</td>
						<td width="70%" height="55px">
							<input type="radio" name="sex" value="男"/>男
							<input type="radio" name="sex" value="女"/>女
						</td>
					</tr>
					<tr>
						<td width="30%" height="55px" align="right">出生日期</td>
						<td width="70%" height="55px">
							<input type="text" name="birthday" />
						</td>
					</tr>
					<tr>
						<td width="30%" height="55px" align="right">验证码</td>
						<td width="70%" height="55px">
							<img src="../../img/yanzhengma.png" />
						</td>
					</tr>
					<tr>
						<td height="55px" align="center" colspan="2">
							<input type="submit" value="提交" />
						</td>
					</tr>
				</table>
				</td>
			</tr>	
		</table>
		
	</body>
</html>

页面效果展示