【前端学习笔记 HTML】案例04-表单案例

World_2

于 2022-11-05 22:48:27 发布

阅读量188

点赞数

文章标签：前端学习

本文链接：https://blog.csdn.net/weixin_44243770/article/details/127710503

版权

学习的是黑马前端课程

<!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="gender" checked> 女</label>
    <label><input type="radio" name="gender"> 男</label>
    <br><br>

    所在城市 
    <select>
        <option>北京</option>
        <option>上海</option>
        <option selected>广州</option>
        <option>深圳</option>
    </select>
    <br><br>

    工作意向
    <label><input type="checkbox">前端</label>
    <label><input type="checkbox">后端</label>
    <label><input type="checkbox">其他</label>
    <br><br>

    自我介绍<br>
    <textarea cols="30" rows="10"></textarea>
    <br><br>

    <h3>我承诺</h3>
    <ul>
        <li>以上信息均属实</li>
        <li>对待工作认真负责</li>
        <li>将不断努力提升自己</li>
    </ul>
</body>
</html>