84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
Who can help me with translation? -PHP Chinese website Q&A-Can anyone help me with the translation? -PHP Chinese website Q&A
Please watch and learn.
可以加php中文网的qq群,有什么问题可以在里面提问
首先我们先看这段代码
<script type="text/javascript"> function foo(){ if(myform.name.value=="") { alert("请输入用户名"); myform.name.focus(); return false; } if (myform.pwd.value=="") { alert("请输入密码"); myform.pwd.focus(); return false; } if (myform.yzm.value=="") { alert("请输入验证码"); myform.yzm.focus(); return false; } } </script>
这段代码是使用我们的JS来判断用户的登录的,如果我们的用户没有输入用户名或密码或验证码就登录的话,就会弹出提示框对用户进行提醒
下面的这段代码就是对我们登录页面所做的CSS样式,具体的css样式可以参考css样式课程
<style type="text/css"> body{background-image: url("/images/1.jpg")} //给背景图片 .container{ width: 380px; height: 330px; margin: 0 auto; margin-top: 240px; box-shadow: 0 0 20px #222; //设置一个阴影 border-radius:40px; //设置div的圆角 background-color: rgba(152, 242, 242, 0.23); } div.right{ position: relative; //将class="right"的div进行绝对定位 left: 40px; top: 20px; } input{ width: 180px; height: 25px; } button{ //设置button按钮的样式 background-color: rgba(230, 228, 236, 0.93); /* Green */ border: none; color: #110c0f; padding: 10px 30px; text-align: center; display: inline-block; font-size: 16px; margin-top: -40px; margin-left: 50px; cursor: pointer; } </style>
至于在下面的代码,就是的登录表单页面,加上我们上面的css样式,就可以把我们的登录页面做的很美观了
<form action="login.php" method="post" onsubmit="return foo();" name="myform" > <div class="container"style="font-size:17px"> <div class="right"> <h2>用户登陆</h2> <p> 用户名:<input type="text" name="username" id="name" placeholder="请输入用户名"> </p> <p> 密 码:<input type="password" name="password" id="pwd" placeholder="请输入密码" > </p> <p> 验证码:<input type="text" name="yzm" id="yzm" placeholder="请输入验证码"> <img src="yanzhengma.php" onClick="this.src='yanzhengma.php?nocache='+Math.random()" style="cursor:hand"> </p> <p style=" margin-left: 200px"><a href="reg.html">注册</a></p> <p> <button class="button">立即登陆</button> </p> </div> </div> </form>
如果你想知道每段代码的解释,那你还是算了吧
Who can help me with translation? -PHP Chinese website Q&A-Can anyone help me with the translation? -PHP Chinese website Q&A
Please watch and learn.
可以加php中文网的qq群,有什么问题可以在里面提问
首先我们先看这段代码
这段代码是使用我们的JS来判断用户的登录的,如果我们的用户没有输入用户名或密码或验证码就登录的话,就会弹出提示框对用户进行提醒
下面的这段代码就是对我们登录页面所做的CSS样式,具体的css样式可以参考css样式课程
至于在下面的代码,就是的登录表单页面,加上我们上面的css样式,就可以把我们的登录页面做的很美观了
如果你想知道每段代码的解释,那你还是算了吧