HTML基础—注册界面_html 用户注册界面-CSDN博客

本文链接：https://blog.csdn.net/m0_46546292/article/details/120289707

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
<h2>请注册</h2>
<span>已有账号？</span><a href="./html_denglu.html" target="_blank">登录</a>
<form action=" html_succeccfully.html " method="post">
    <span>用户名</span><input type="text" placeholder="请输入用户名" name=" wd">
    <br>
    <span>手机号</span><select name="" id="">
        <option value="CS">+86</option>
        <option value="DB">+110</option>
        <option value="XG">+120</option>
    </select>
    <input type="text" placeholder="请输入手机号" name=" wd">
    <br>
    <span>密&nbsp&nbsp&nbsp码</span><input type="password" placeholder="请输入密码" name=" wd">
    <br>
    <span>验证码</span><input type="text" placeholder="请输入验证码" name=" wd">&nbsp<input type="submit" value="获取验证码">
    <br>
    <input type="checkbox" value="accept" name="read"> 阅读并接受协议
    <br>
    <input type="submit" value="提交" >&nbsp<input type="reset" value="重置">
</form>

</body>
</html>

跳转到登录

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<h2>登录</h2>
<form action=" html_succeccfully.html " method="post">
    <span>用户名</span><input type="text" placeholder="请输入用户名" name=" wd">
    <br>
    <span>密&nbsp&nbsp&nbsp码</span><input type="password" placeholder="请输入密码" name=" wd">
    <br>
    <input type="checkbox" value="accept" name="read"> 阅读并接受协议
    <br>
    <input type="submit" value="登录">
</form>



</body>
</html>

登录成功

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
登录or注册成功
</body>
</html>

---------------------------------------------以上仅为基础界面和功能-----------------------------------------