网站链接: element-ui dtcms
当前位置: 首页 > 技术博文  > 技术博文

使用form表单和table表格创造注册页面

2021/6/23 20:10:24 人评论

使用form表单和table表格创造注册页面 如图样式 代码如下 <!DOCTYPE html> <html><head><meta charset"utf-8"><title>注册页面</title></head><body><form action"#" method"get">&l…

使用form表单和table表格创造注册页面

如图样式
在这里插入图片描述
代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
	</head>
	<body>
		<form action="#" method="get">
			<table border="2" align="center" cellpadding="5" cellspacing="0">
				<caption>
					<h2>用户注册</h2>
				</caption>
				<tr>
					<td><label for="username">用户名</label></td>
					<td><input type="text" id="username" name="name" placeholder="手机号/邮箱/用户名" required></td>
				</tr>
				<tr>
					<td><label for="pwd">&nbsp;码:</label></td>
					<td><input type="password" id="pwd" name="password" placeholder="输入6-10位密码"></td>
				</tr>
				<tr>
					<td><label for="email">&nbsp;</label></td>
					<td><input type="email" id="email" name="email"placeholder="请输入邮箱"></td>
				</tr>
				<tr>
					<td><label for="uname">&nbsp;</label></td>
					<td><input type="text" id="uname" name="uname" placeholder="请输入姓名"></td>
				</tr>
				<tr>
					<td><label for="tel">手机号码</label></td>
					<td><input type="text" id="tel" name="number" placeholder="手机号码" required"></td>
				</tr>
				<tr>
					<td><label>&nbsp;别:</label></td>
					<td><input type="radio" name="sex" value="1" checked><input type="radio" name="sex"  value="0"></td>
				</tr>
				<tr>
					<td><label for="data">出生日期</label></td>
					<td><input type="date" id="data" name="date"></td>
				</tr>
				<tr>
					<td><label for="code">验证码</label></td>
					<td><input type="text" id="code" name="code" placeholder="验证码">
					<img src="./img/verify_code.jpg" alt="点击从新刷新" title="这是一个验证码" width="68">
					</td>
				</tr>
				<tr>
					<td colspan="2" align="center"><input type="submit" value="提交"></td>
				</tr>				
			</table>
			
		</form>
	</body>
</html>

相关资讯

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?