运行结果:
源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>青春不常在,抓紧谈恋爱,哈哈哈哈哈随便做的"></h1><hr>
<form action="#">
昵 称: <input type="text" placeholder="请输入昵称">
<br>
<br>
性 别: <label><input type="radio" name="sex">男</label> <label><input type="radio" name="sex">女</label>
<br><br>
所在的城市: <select>
<option>上海</option>
<option>广州</option>
<option selected>北京</option>
</select>
<br>
<br>
婚姻状态: <label><input type="radio" name="hunying">未婚 </label> <label><input type="radio" name="hunying">已婚</label>
<label> <input type="radio" name="hunying" checked>保密</label>
<br>
<br>
喜欢的类型: <input type="checkbox">可爱<input type="checkbox">性感<input type="checkbox">御姐<input type="checkbox">萝莉
<br>
<br>
个人介绍: <br>
<textarea name="text" id="" cols="30" rows="10"></textarea>
<br>
<br>
<h2> <strong>我承诺</strong></h2>
<ul>
<li>年满18岁,单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
<br>
<input type="checkbox">我同意所有条款
<br>
<br>
<input type="submit" value="免费注册"> <input type="reset">
</form>
</body>
</html>