H5%e5%bc%80%e5%8f%91%e4%b9%8b.jpg)
下面实现：
<!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>性别：<input type="radio" name="sex">男<input type="radio" name="sex">女<br><br>生日：<input type="date"><br><br>城市：<select name="" id=""><option value="" selected>北京</option><option value="">上海</option><option value="">广州</option><option value="">深圳</option></select><br><br>婚姻状况：<input type="radio" name="hunyin" checked>未婚<input type="radio" name="hunyin">已婚<input type="radio" name="hunyin">保密<br><br>兴趣爱好：<input type="checkbox" checked multiple>敲打吗<input type="checkbox" multiple>挣钱<input type="checkbox" multiple>旅游<br><br>个人介绍：<br><br><textarea name="" id="" cols="30" rows="10"></textarea><br><br><h2>我承诺</h2><ul><li>年满18岁，单身</li><li>保证严肃的态度</li><li>真诚寻找另一半</li></ul><input type="checkbox">我同意所有条款<br><br><input type="submit" value="免费注册"><input type="reset"></form></body></html>
最终效果：
