欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端学习(30):表单练习

程序员文章站 2022-07-12 08:53:05
...

前端学习(30):表单练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>表单练习</title>
</head>
<body>
    <h2>电子邮箱:</h2>
    <input type="text">
    <h2>设置密码:</h2>
    <input type="text">
    <h2>真实姓名:</h2>
    <input type="text">
    <p>性别:
    <input type="radio">男
    <input type="radio">女
    </p>
    <p>
        <select>
        生日:
        <option selected>请选择</option>
        <option>1996</option>
        <option>1995</option>
        <option>1994</option>
         </select>
         年
         <select>
        <option selected>...</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
         </select>
        月
        <select>
        <option selected>...</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
        日
    </p>
    <a href="#">为什么要填我的生日</a>
    <P>
        我现在:
        <select>
            <option selected>请选择身份</option>
            <option>五岁</option>
            <option>歌谣</option>
            <option>顾顾</option>
        </select>
        非常重要
    </P>
</body>
</html>

运行结果

前端学习(30):表单练习