话不多说，直接上代码

语言：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制作的个人信息注册界面