案例1:注册页面（html)

最新推荐文章于 2022-09-02 18:00:43 发布

野生技术协会副会长

最新推荐文章于 2022-09-02 18:00:43 发布

阅读量494

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weiyoo55/article/details/108382930

版权

案例1:注册页面（html)
代码实现：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面 </title>
</head>
<body>
<!--定义表单 form-->
<form action="#" method="post">
<table border="1" align="center" width="500">
    <tr>
        <td>
         <label for="username">用户名</label>
        </td>
        <td>
          <input type="text" name="username" placeholder="请输入用户名：" id="username">
        </td>
    </tr>
    <tr>
        <td>
            <label for="password">密码</label>
        </td>
        <td>
            <input type="password" name="password" placeholder="请输入密码：" id="password">
        </td>
    </tr>
    <tr>
        <td>
            <label for="email" > Email</label>
        </td>
        <td>
            <input type="email" name="email" id="email" placeholder="请输入Email：">
        </td>
    </tr>
    <tr>
        <td>
            <label for="name" > 姓名</label>
        </td>
        <td>
            <input type="text" name="name" id="name" placeholder="请输入姓名：">
        </td>
    </tr>
    <tr>
        <td>
            <label for="tel" > 手机号</label>
        </td>
        <td>
            <input type="text" name="tel" id="tel" placeholder="请输入手机号：">
        </td>
    </tr>
    <tr>
        <td>
            <label> 性别</label>
        </td>
        <td>
            <input type="radio" name="gender" value="male" >男
            <input type="radio" name="gender" value="female">女
        </td>
    </tr>
    <tr>
        <td>
            <label for="birthday" >出生日期</label>
        </td>
        <td>
            <input type="date" name="birthday" id="birthday">
        </td>
    </tr>
    <tr>
        <td>
            <label for="checkcode" >验证码</label>
        </td>
        <td>
            <input type="text" name="checkcode" id="checkcode" placeholder="请输入验证码">
            <img src="img/verify_code.jpg">

        </td>
    </tr>
    <tr>

        <td colspan="2" align="center" ><input type="submit" value="注册"> </td>
    </tr>

</table>
</form>

</body>
</html>