HTML个人信息表(不带校验)

本文只为了熟悉一些功能,特写此代码

【一】代码实现:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息确认</title>
</head>
<body>
<h1 align="center" style="background-color: aquamarine">个人信息</h1>
<p>用户名:<input type="text" name="username" aria-placeholder="请输入用户名"></p>
<p>
    女<input type="radio" value="女" name="性别" checked>
    男<input type="radio" value="男" name="性别">
</p>
<p>
    出生日期:
    <select>
        <option>1996</option>
        <option>1997</option>
        <option>1998</option>
        <option>1999</option>
        <option>2000</option>
    </select>
    <select>
        <option>01</option>
        <option>02</option>
        <option>03</option>
        <option>04</option>
        <option>05</option>
        <option>06</option>
        <option>07</option>
        <option>08</option>
        <option>09</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
    </select>
</p>
<p>
    出生地:
    <select>
        <option>北京</option>
        <option>上海 </option>
        <option>广东</option>
        <option>浙江</option>
        <option>陕西</option>
        <option>山东</option>
        <option>江苏</option>
    </select>
<p>
    邮件地址:<input type="email">
</p>
<p>
    未婚<input type="radio" name="married" checked>
    已婚<input type="radio" name="married">
    离婚<input type="radio" name="married">
</p>
<p>
<big>爱好:</big>
    唱歌<input type="checkbox" name="hobby">
    舞蹈<input type="checkbox" name="hobby">
    书法<input type="checkbox" name="hobby">
    乐器<input type="checkbox" name="hobby">
    游戏<input type="checkbox" name="hobby">
    手工<input type="checkbox" name="hobby">
    其他<input type="checkbox" name="hobby">
</p>
<input type="submit" value="提交">
</body>
</html>

【二】效果实现:

猜你喜欢

转载自blog.csdn.net/The_Best_Hacker/article/details/82766038