HTML知识完毕案例

凉风听雪

于 2022-08-23 12:50:38 发布

阅读量45

点赞数

分类专栏：前端开发文章标签： html 前端

本文链接：https://blog.csdn.net/p_s_p/article/details/126482538

版权

前端开发专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!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>
    昵称：<input type="text" placeholder="请输入昵称">
    <br> 
    <br>
    性别：<label><input type="radio" name="sex" checked>男</label> 
          <label><input type="radio" name="sex">女</label>
    <br>
    <br>
    所在城市: <select>
        <option>北京</option>
        <option selected>上海</option>
        <option>深圳</option>
    </select>
    <br>
    <br>
    婚姻状况: <label><input type="radio" name="marry" checked>未婚</label>
     <label><input type="radio" name="marry">已婚</label>
     <label><input type="radio" name="marry">保密</label>
     <br>
     <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>
    <br>
    <br>
    个人介绍: 
    <br>
    <br>
    <textarea name="" id="" cols="60" rows="10"></textarea>
    <br>
    <br>
    <h3>我承诺</h3>
    <ul>
        <li>年满18岁、单身</li>
        <li>抱着严肃的态度</li>
        <li>真诚寻找另一半</li>
    </ul>
    <input type="checkbox">我同意所有条款
    <br>
    <br>
    <input type="submit" value="免费注册"> <button type="reset">重置</button>
</body>
</html>