创建 reg.html 文件
我们此页面有一个
表单,里面有四个input输入框,我们用JS对输入框里面的内容作了登录判断,并使用了css对表单进行了布局。
代码如下html>
登陆界面
functioncheckinput()
{
if(myform.name.value=="")
{
alert("请输入用户名");
myform.name.focus();
returnfalse;
}
if(myform.pwd.value=="")
{
alert("请输入密码");
myform.pwd.focus();
returnfalse;
}
if(myform.pwd.value!=myform.pwdconfirm.value){
alert("你输入的两次密码不一致,请重新输入!");
myform.pwd.focus();
returnfalse;
}
if(myform.yzm.value=="")
{
alert("请输入验证码");
myform.yzm.focus();
returnfalse;
}
}
body{background-color:rgba(223,255,231,0.28)
}
.container{
border-radius:25px;
box-shadow:0020px#222;
width:380px;
height:400px;
margin:0auto;
margin-top:200px;
background-color:rgba(152,242,242,0.23);
}
.right{
position:relative;
left:40px;
top:20px;
}
input{
width:180px;
height:25px;
}
button{
background-color:rgba(230,228,236,0.93);
border:none;
color:#110c0f;
padding:10px70px;
text-align:center;
display:inline-block;
font-size:16px;
cursor:pointer;
margin-top:30px;
margin-left:50px;
}
用户注册
用户名:
密码:
确认密码:
验证码:
立即注册