Day01练习

Hello World️

已于 2022-08-02 17:47:20 修改

阅读量59

点赞数

分类专栏：前端学习文章标签： HTML 注册页面表单验证用户信息前端开发

于 2022-07-26 17:00:43 首次发布

本文链接：https://blog.csdn.net/m0_51318597/article/details/125998705

版权

前端学习专栏收录该内容

15 篇文章 0 订阅

订阅专栏

注册页面
请添加图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>

		<table width="700px" height="600px" border="0" cellspacing="0" align="center">
			<form action="#" method="GET">
				
			<tr>
				<td>性别</td>
				<td>
					<input type="radio" name="sex" id="men" value="1" checked /><label for="men"><img src="img/男.png" width="20px" height="20px">男</label>
					&nbsp;
					<input type="radio" name="sex" id="women" value="0"/><label for="women"><img src="img/女.png" width="20px" height="20px">女</label>
				</td>
			</tr>
			
			<tr>
				<td>生日</td>
				<td>
					<input type="date" name="birthady" value="">
				</td>
			</tr>
			
			<tr>
				<td>所在地区</td>
				<td>
					<input type="txt" name="area" value="" placeholder="请输入所在地区" required/>
				</td>
			</tr>
			
			<tr>
				<td>婚姻状况</td>
				<td>
					<input type="radio" name="married" id="0" value="0" checked /><label for="0">未婚</label>
					&nbsp;
					<input type="radio" name="married" id="1" value="1" /><label for="1">离婚</label>
					&nbsp;
					<input type="radio" name="married" id="2" value="2" /><label for="2">丧偶</label>
					&nbsp;
				</td>
			</tr>
			
			<tr>
				<td>学历</td>
				<td>
					<select name="education">
						<option value="" selected>请选择你的学历</option>
						<option value="primary">小学</option>
						<option value="middle">中学</option>
						<option value="college">大学</option>
					</select>
				</td>
			</tr>
			
			<tr>
				<td>月薪</td>
				<td>
					<input type="txt" name="salary" value="" placeholder="请输入月薪(5000~10000)" required/>
				</td>
			</tr>
			
			<tr>
				<td>手机号</td>
				<td>
					<input type="txt" name="phoneNumber" value="" placeholder="请输入11位手机号码" minlength="11" maxlength="11" required/>
				</td>
			</tr>
			
			<tr>
				<td>昵称</td>
				<td>
					<input type="txt" name="name" value="" placeholder="请输入2~10位的昵称" minlength="2" maxlength="10" required/>
				</td>
			</tr>
			
			<tr>
				<td>喜欢的类型</td>
				<td>
					<input type="checkbox" name="likeType" id="wm" value="wm" checked /><label for="wm">妩媚</label>
					&nbsp;
					<input type="checkbox" name="likeType" id="rm" value="rm" /><label for="rm">柔美</label>
					&nbsp;
					<input type="checkbox" name="likeType" id="ka" value="ka" /><label for="ka">可爱</label>
					&nbsp;
					<input type="checkbox" name="likeType" id="xxr" value="xxr" /><label for="xxr">小鲜肉</label>
					&nbsp;
					<input type="checkbox" name="likeType" id="xn" value="xn" /><label for="xn">型男</label>
					&nbsp;
					<input type="checkbox" name="likeType" id="qz" value="qz" /><label for="qz">气质</label>
					&nbsp;
				</td>
			</tr>
			
			<tr>
				<td>自我介绍 </td>
				<td>
					<table width="300px" height="150px" border="1" cellspacing="0">
						<tr>
						     <td contenteditable="true"></td>
						</tr>
					</table>
				</td>
			</tr>
			
			<tr>
				<td colspan="2" >
					<input type="submit" value="免费注册" style="margin-left: 120px; height:50px; width:150px; color:white; background-color: red;border: 0ch;"/>
				</td>
			</tr>
			
			<tr>
				<td colspan="2">
					<input type="radio" name="ok" id="ok" value="ok" style="margin-left: 120px; required/><label for="ok">我同意注册条款和会员加入标准</label>
				</td>
			</tr>
			
			</form>
		</table>

	</body>
</html>