试题3

2021-04-28 20:01:13 阅读：109 来源： 互联网

标签：box 试题 color margin height width border

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>用户注册</title>
    <link rel="stylesheet" href="2019110208.css">
</head>

<body>
    <div class="login_box">
        <div class="title">
            <h1>用户注册</h1>
        </div>
        <form class="login_form" id="login_form" name="login_form" action='index.html' onsubmit="return checkform()">
            <!-- 此处开始答题  -->
            <div class="inpbox field">
                <label class="lefttext"><span class="star">*</span>用户名：</label>
                <input type="text" placeholder="2019110208" class="inptext" id="user" onblur="return inpuername()">
            </div>
            <div class="inpbox field">
                <label class="lefttext"><span class="star">*</span>密码：</label>
                <input type="password" placeholder="密码" class="inptext">
            </div>
            <div class="inpbox field">
                <label class="lefttext"><span class="star">*</span>确认密码：</label>
                <input type="password" placeholder="确认密码" class="inptext">
            </div>
            <div class="inpbox field">
                <label class="lefttext"><span class="star">*</span>生日：</label>
                <input type="date" class="inptext">
            </div>
            <div class="inpbox field">
                <label class="lefttext"><span class="star">*</span>爱好：</label>
                <div class="selection">
                    <input type="checkbox" name="" id=""><span>运动</span>
                    <input type="checkbox" name="" id=""><span>阅读</span>
                    <input type="checkbox" name="" id=""><span>音乐</span>
                </div>
            </div>
            <div class="inpbox field subbox">
                <input type="submit" value="注册" class="subbtn">
            </div>


            <!-- 此处结束答题  -->
        </form>
    </div>
    <!-- <link href="https://cdn.bootcss.com/jquery-toast-plugin/1.3.2/jquery.toast.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-toast-plugin/1.3.2/jquery.toast.min.js"></script> -->
    <link href="./static/jquery.toast.css" rel="stylesheet">
    <script src="./static/jquery.min.js"></script>
    <script src="./static/jquery.toast.min.js"></script>
    <script src="2019110208.js"></script>
</body>

</html>

@charset "utf-8";
* { 
  -webkit-box-sizing: border-box; /* Safari, Chrome */
  -moz-box-sizing: border-box;  /*Firefox  */
  box-sizing: border-box; 
  padding:0; 
  margin:0; 
}

html,
body {
  height: 100%;  
  width: 100%;
  background-color:#2b4b6b;
}

/* 此处开始答题 */

.login_box {
  float: left;
  width: 450px;
  height: 425px;
  background-color: #fff;
  border-radius: 10px;
  /* margin-left: 50%; */
}

.title {
  height: 60px;
  padding-top: 20px;
}

h1 {
  text-align: center;
  color: #2b4b6b;
  width: 100%;
}

.login_form {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.inpbox {
  width: 100%;
}

.field {
  height: 40px;
  line-height: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.lefttext {
  width: 120px;
  height: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
  /* float: right; */
}

.star {
  color: red;
  font-size: 20px;
  margin-right: 5px;
}

.inptext {
  width: 200px;
  height: 40px;
  border-radius: 4px;
  border: 1px #DCDEE0 transparent;
  padding-left: 16px;
  padding-right: 16px;
  color: #888;
  margin-bottom: 20px;
  /* float: right; */
}

.inptext:hover {
  border-color: #27A9E3;
}

.inptext:focus {
  border-color: #27A9E3;
}

.selection {
  height: 40px;
  display: inline-block;
}

.subbtn {
  width: 30%;
  font-size: 16px;
  background-color: #27A9E3;
  color: #fff;
  border-width: 0px;
  margin: 0px;
  height: 40px;
}

.subbox {
  text-align: center;
}

JS不会

标签：box,试题,color,margin,height,width,border
来源： https://www.cnblogs.com/sheep-cloud/p/14715589.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

试题3