HTML表单标签-注册页面

最新推荐文章于 2024-04-15 23:06:05 发布

MaGgIeOo0

最新推荐文章于 2024-04-15 23:06:05 发布

阅读量573

点赞数 1

分类专栏： web前端基础文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/weixin_62971115/article/details/132252372

版权

web前端基础专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单标签</title>
</head>
<body>
    <form action="">
        <h2 align="center">这是注册页面</h2>
        <table align="center" border="1" cellspacing="0">
            <tr>
                <td align="left"> 用户名：</td>
                <td><input type="text" name="name"></td>
            </tr>
            <tr>
                <td> 密码：</td>
                <td><input type="password" name="password"></td>
            </tr>
            <tr>
                <td>性别：</td>
                <td> <input type="radio" name="sex" value="男">男
                    <input type="radio" name="sex" value="女">女</td>
            </tr>
            <tr>
                <td> 生日：</td>
                <td> <input type="date" name="生日"></td>
            </tr>
            <tr>
                <td>爱好：</td>
                <td><input type="checkbox" name="爱好" value="听歌">听歌
                    <input type="checkbox" name="爱好" value="跑步">跑步
                    <input type="checkbox" name="爱好" value="玩游戏">玩游戏
                    <input type="checkbox" name="爱好" value="睡觉">睡觉</td>
            </tr>
            <tr>
                <td> 邮箱：</td>
                <td><input type="email" name="email"></td>
            </tr>
            <tr>
                <td> 籍贯：</td>
                <td><select>
                    <option>四川</option>
                    <option>云南</option>
                </select>省
                <select>
                    <option>成都</option>
                    <option>大理</option>
                </select>市</td>
            </tr>
            <tr>
                <td>爱好：</td>
                <td>
                    <textarea cols="50" rows="5"></textarea>
                </td>
            </tr>
            <tr align="center">
                <td colspan="2">
                    <input type="reset" value="重置">
                    <input type="submit" value="提交"></td>
            </tr>
           
        </table>
    </form>
    
</body>
</html>