4.11web作业-----表单标签

最新推荐文章于 2024-08-18 21:06:49 发布

~无止境

最新推荐文章于 2024-08-18 21:06:49 发布

阅读量383

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/kelouze06/article/details/124109545

版权

这是一个包含登录和注册界面的HTML代码示例。登录界面包括手机号/用户名/邮箱输入框、密码输入框、忘记密码链接、用户协议和隐私政策，以及登录按钮。注册界面提供了用户名设置、手机号输入、密码设置、验证码输入和获取验证码按钮，同时需要同意用户协议和隐私政策才能完成注册。页面设计简洁，符合基本的网页表单设计规范。

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

登录界面

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录界面</title>
</head>

<body>
    <form action="" method="post">
        <p> 账号登录</p>
        <hr align="left" width="60px" size="1px" color="blue">
        <p><input type="text" placeholder="手机号/用户名/邮箱" maxlength="20"></p>
        <p><input type="password" placeholder="密码" maxlength="6"></p>
        <p>
            <font face="微软黑体" size="1" color="blue">忘记密码？</font>
        </p>
        <p>
            <input type="submit" value="登录">
        </p>
        <p>
            <font face="微软黑体" size="1">阅读并接受</font>
            <font face="微软黑体" size="1" color="blue">
                <a href="https://passport.baidu.com/static/passpc-account/html/protocal.html" target="blank">
                    百度用户协议</a>
            </font>
            <font face="微软黑体" size="1">和</font>
            <font face="微软黑体" size="1" color="blue">
                <a href="http://privacy.baidu.com/policy" target="blank">
                    隐私政策</a>
            </font>
        </p>
        <hr>
        <p>
            <font face="微软黑体" size="1" color="blue">
                <a href="注册界面.html" target="blank">
                    立即注册</a>
            </font>
        </p>
    </form>
</body>

</html>

注册界面

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册界面</title>
</head>

<body>
    <p>
    <h1>欢迎注册</h1>
    </p>
    <p>
        <font face="微软黑体" size="4">已有账号？</font>
        <font face="微软黑体" size="4" color="blue">
            <a href="登录界面.html" target="blank">
                登录</a>
        </font>
    </p>
    <form action="" method="get">
        <p>用户名
            <input type="text" placeholder="请设置用户名" maxlength="8">
        </p>
        <p>手机号
            <input type="text" placeholder="可用于登录和找回密码" maxlength="11">
        </p>
        <p>密&nbsp;&nbsp;&nbsp;码
            <input type="password" placeholder="请设置登录密码" maxlength="6">
        </p>
        <p>验证码
            <input type="text" placeholder="请输入验证码" maxlength="5">
            <button>获取验证码</button>
        </p>
        <p><input type="submit" value="注册"></p>
        <p>
            <input type="checkbox" name="yes">
            <font face="微软黑体" size="1">阅读并接受</font>
            <font face="微软黑体" size="1" color="blue">
                <a href="https://passport.baidu.com/static/passpc-account/html/protocal.html" target="blank">
                    《百度用户协议》</a>
            </font>
            <font face="微软黑体" size="1">及</font>
            <font face="微软黑体" size="1" color="blue">
                <a href="http://privacy.baidu.com/policy" target="blank">
                    《百度隐私权保护声明》</a>
            </font>
        </p>
    </form>
</body>

</html>

~无止境

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
4.11web作业-----表单标签

登录界面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
复制链接

扫一扫