仿世纪佳缘会员注册页
相关代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>青春不常在,抓紧谈恋爱</h1>
<hr>
<form>
昵称:<input type="text" placeholder="请输入昵称">
<br>
性别:<label><input type="radio" name="sex" checked>男</label>
<label><input type="radio" name="sex">女</label><br>
所在城市:<select>
<option>北京</option>
<option selected>上海</option>
<option>广州</option>
<option>深圳</option>
</select><br>
婚姻状况:<label><input type="radio" name="marital status" checked>未婚</label>
<label><input type="radio" name="marital status">已婚</label>
<label><input type="radio" name="marital status">保密</label><br>
喜欢的类型:<label><input type="checkbox" checked>可爱</label>
<label><input type="checkbox" checked>性感</label>
<label><input type="checkbox">御姐</label>
<label><input type="checkbox">萝莉</label>
<label><input type="checkbox">小鲜肉</label>
<label><input type="checkbox">大叔</label>
<p> 个人介绍:</p>
<textarea cols="60" rows="10"></textarea><br>
<h2>我承诺</h2>
<ul>
<li>年满18岁、单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
<input type="checkbox">我同意所有条款<br>
<button type="submit">免费注册</button>
<button type="reset">重置</button>
</form>
</body>
</html>