话不多说,直接上代码
语言:HTML5
IDE:VS CODE
<!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>
<form action="">
<h1>互联网交友平台</h1>
<hr>
昵称:<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 >常州</option>
<option >徐州</option>
<option selected>南京</option>
</select>
<br>
<br>
婚姻状况:
<label ><input type="radio" name="mar" >未婚 </label>
<label > <input type="radio" name="mar" >已婚 </label>
<label > <input type="radio" name="mar" >保密 </label>
<br>
<br>
喜欢的类型:
<label ><input type="checkbox">可爱 </label>
<label ><input type="checkbox">性感</label>
<label > <input type="checkbox"> 亚比</label>
<label ><input type="checkbox"> 慢热</label>
<label > <input type="checkbox"> 纯欲</label>
<br>
<br>
<div>个人介绍:</div>
<br>
<textarea cols="30" rows="10"></textarea>
<h4>我承诺</h4>
<ul>
<li>年满十八岁</li>
<li>诚信寻找真爱</li>
<li>不违反社区规章制度</li>
</ul>
<input type="checkbox"> 我同意所有条款
<br>
<br>
<input type="submit" value="免费注册">
<input type="reset">重置按钮
</form>
</body>
</html>
更多推荐
利用HTML5制作的个人信息注册界面
发布评论