HTML个人信息表（不带校验）

最新推荐文章于 2024-06-14 08:08:55 发布

The_Best_Hacker

最新推荐文章于 2024-06-14 08:08:55 发布

阅读量2.8k

点赞数

分类专栏： javaWeb阶段文章标签： html button select

本文链接：https://blog.csdn.net/The_Best_Hacker/article/details/82766038

版权

javaWeb阶段专栏收录该内容

55 篇文章 18 订阅

订阅专栏

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

【一】代码实现：

<!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>

【二】效果实现：

The_Best_Hacker

关注

0
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
HTML个人信息表（不带校验）

本文只为了熟悉一些功能，特写此代码【一】代码实现：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;个人信息确认&lt;/title&gt;&lt;/head&gt;&lt
复制链接

扫一扫

专栏目录