恋爱注册界面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>青春不常在,抓紧谈恋爱</title>
</head>
<body>
<form action="#" method="post">
<pre>
<h1>青春不常在,抓紧谈恋爱</h1>
性别:<input type="radio" name="性别" value="男">男 <input type="radio" name="性别" value="女">女
<br>
生日:<input type="date" name="生日时间" placeholder="年/月/日">
<br>
所在地区:<input type="text" name="所在地区">
<br>
婚姻状况:<input type="radio" name="婚姻状况" value="未婚">未婚
<input type="radio" name="婚姻状况" value="已婚">已婚
<input type="radio" name="婚姻状况" value="离婚">离婚
<br>
学历:<input type="text" name="学历">
<br>
喜欢的类型:<select>
<option value="妩媚的">妩媚的</option>
<option value="可爱的">可爱的</option>
<option value="小鲜肉">小鲜肉</option>
<option value="老腊肉">老腊肉</option>
<option value="都喜欢">都喜欢</option>
<br>
自我介绍:<input type="text" placeholder="自我介绍" name="自我介绍">
<br>
<button>免费注册</button>
<input type="radio" name="同意注册" checked>同意注册条款和会员加入标准
<br>
<a href="test1注册界面.html" target="_blank">我是会员,立即登录</a>
<br>
<h2>我承诺</h2>
<ul>
<li>年满十八岁,单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
</pre>
</form>
</body>
</html>
用户注册界面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>注册</title>
</head>
<body>
<pre>
<h1>用户注册</h1>
<form action="#" method="post">
用户名:<input type="text" name="username" placeholder="用户名">
<br>
密码:<input type="password" name="password" placeholder="密码">
<br>
性别:<input type="radio" name="性别" value="男">男
<input type="radio" name="性别" value="女">女
<br>
兴趣爱好: <input type="checkbox" name="爱好" value="唱">唱
<input type="checkbox" name="爱好" value="跳">跳
<input type="checkbox" name="爱好" value="Rap">Rap
<input type="checkbox" name="爱好" value="篮球">篮球
<br>
邮箱:<input type="email" name="邮箱" value="" placeholder="请输入你的邮箱">
<br>
用户头像:<input type="file" >
<br>
家庭住址:<select name="家庭住址" placeholder="请输入你的家庭住址" >
<option value="广州" >广州 </option>
<option value="深圳" > 深圳</option>
<option value="重庆" > 重庆</option>
<option value="南京" >南京 </option>
</select>
<br>
建议或意见:<input type="text" width="666px" placeholder="你的建议或意见">
<br>
选择你喜欢的颜色:<input type="color" name="颜色" >
<br>
注册时间:<input type="date" name="注册时间" placeholder="年/月日">
<br>
<button >注册</button> <button>重置</button>
</form>
</pre>
</body>
</html>
表格:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表格作业</title>
</head>
<body>
<pre>
<table border="1px" cellspacing="0" width="400px" height="400px">
<tr>
<td colspan="5" align="center" bgcolor="31,247,5">个人简历</td>
</tr>
<tr>
<td>姓名:</td>
<td width="800px"></td>
<td>性别:</td>
<td width="800px"></td>
<td rowspan="4" width="1000px" align="center">照片</td>
</tr>
<tr>
<td>婚姻状况:</td>
<td></td>
<td>出生年月:</td>
<td></td>
</tr>
<tr>
<td>民族:</td>
<td></td>
<td>政治面貌:</td>
<td></td>
</tr>
<tr>
<td>身高:</td>
<td></td>
<td>学历:</td>
<td></td>
</tr>
</table>
</pre>
</body>
</html>