HTML用表单table写的一个用户信息注册

最新推荐文章于 2024-06-11 11:52:34 发布

A酒客

最新推荐文章于 2024-06-11 11:52:34 发布

阅读量2.9k

点赞数 8

分类专栏：初学HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_54108380/article/details/120241760

版权

初学HTML 专栏收录该内容

12 篇文章 2 订阅

订阅专栏

这是一个HTML代码示例，创建了一个用于新用户信息注册的表格形式的表单，包括输入字段如用户名、密码、邮箱、姓名、手机号、性别选择、出生日期和验证码，并有一个提交按钮。表单使用了multipart/form-data编码类型，可以处理文件上传，但在这个例子中并未实际使用。

摘要由CSDN通过智能技术生成

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table align="center" width="400px"  border="1px">
        <caption>新用户信息注册</caption>
        <form name="表单的名称" enctype="multipart/form-data" action="路径" method="提交方式">


        <tr height="40px">
            <td width="100px">
                用户名：
            </td>
            <td><input type="text"value="" placeholder="请输入账号："></td>
        </tr>
        <tr height="40px">
            <td>密码：</td>
            <td><input type="password"value="" placeholder="请输入密码："></td>
        </tr>
        <tr height="40px">
            <td>Email</td>
            <td><input type="email"value="" placeholder="请输入Email:"></td>
        </tr>
        <tr height="40px">
            <td>姓名：</td>
            <td><input type="text" placeholder="请输入姓名："></td>
        </tr>
        <tr height="40px">
            <td>手机号：</td>
            <td><input type="tel" placeholder="请输入你的手机号："></td>
        </tr>
        <tr height="40px">
            <td>性别：</td>
            <td><input type="radio" name="sex" value="男">男
                <input type="radio" name="sex" value="女">女</td>
        </tr>
        <tr height="40px">
            <td>出生日期：</td>
            <td><input type="date"></td>
        </tr>
        <tr height="40px">
            <td>验证码：</td>
            <td><input type="text"value="" placeholder="请输入验证码："></td>
        </tr>
        <tr height="40px" align="center">
            <td colspan="2">
                <input type="submit" value="注册">
            </td>

        </tr>
        </form>
    </table>
</body>
</html>