用html+css+js写简单页面_使用html、css和javascript创建一个简单的入库出库界面:页面上有一个按钮“入库”-CSDN博客

本文链接：https://blog.csdn.net/qq_41380430/article/details/82631186

用js写简单页面

效果图这里写图片描述
html部分：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/base.css">
    <script type="text/javascript" src="js/base.js"></script>
    </head>
    <body>
        <div class="login">
            <div class="login-box">
                <span class="caption">欢迎您注册网站会员，如果您已有账户，则可就在此<s>登录</s></span>
                <div class="login-text">
                用&nbsp;户&nbsp;名：<input type="text" class="username"> <span class="span1">用户名支持数字和字母，位数至少为四位</span>
                设置密码: <input type="password" class="password"> <span class="span2">密码支持数字和字母，位数至少为四位</span>
                确认密码: <input type="password" class="passwordss"> <span class="span3">再次输入密码</span>
                手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：<input type="text" class="tel"><span class="span4"></span>
                邮 &nbsp;&nbsp;&nbsp;&nbsp;箱：<input type="email" class="email"><span class="span5">邮箱后面必须带有@号</span>
                验&nbsp;证&nbsp;码 : <input type="text" class="yzm">  <button class="picyzm">获取验证码</button><span class="span6"></span>
                <input type="button"  value="立即注册" class="zhuce">
                </div>
            </div>
        </div>

    </body>
</html>

css部分：

            .login{
                width:780px;
                height:350px;
                background:url(img/bg.jpg)no-repeat;
                background-size:780px 350px;
                margin:100px auto;
                opacity:0.8;
                bord