求 高手帮忙写一个登入界面的html源码。
要求:1.不要用户名和密码登入,把它做成一个类似于判断条件的判断句,在html中预置一个数值,然后在登入界面输入这个数值,点“登入"或者按”回车键“,就进入网站的2级界面...
要求:
1.不要用户名和密码登入,把它做成一个类似于判断条件的判断句,在 html 中预置一个数值,然后在登入界面输入这个数值,点 “登入" 或者 按 ”回车键“ ,就进入网站的2级界面,如果输入错了,就将输入的内容清空,界面不变。
2.网站必须从这个界面进入,不可以在导航栏中输入< http://域名/2级界面.html >进入网站。如果登入界面实现不了这个功能的话,请告诉我要怎么做才能实现这个功能。
3.我理想中的登入界面图。
后面的背景图片可以随意更换,中间的白色登入界面要用半透明的效果。
背景原图 展开
1.不要用户名和密码登入,把它做成一个类似于判断条件的判断句,在 html 中预置一个数值,然后在登入界面输入这个数值,点 “登入" 或者 按 ”回车键“ ,就进入网站的2级界面,如果输入错了,就将输入的内容清空,界面不变。
2.网站必须从这个界面进入,不可以在导航栏中输入< http://域名/2级界面.html >进入网站。如果登入界面实现不了这个功能的话,请告诉我要怎么做才能实现这个功能。
3.我理想中的登入界面图。
后面的背景图片可以随意更换,中间的白色登入界面要用半透明的效果。
背景原图 展开
2个回答
展开全部
我只会一点点,只能做出个大概的,你自己在完善一下吧
输入username,点击按钮就跳转到百度,否则停留在当前页面
.loginbox{ background:url(
) no-repeat; width:600px; height:375px; position:absolute; left:50%; top:50%; margin:-187.5px 0 0 -300px; text-align:center;} p{ width: 300px; height: 50px; line-height:50px; background: #FFF;position:absolute; left:50%; top:50%; margin:-25px 0 0 -150px;vertical-align:top; } .input{width:200px; height:30px; margin:8px 0}
function check(){ var pwd=document.getElementById("input"); if(pwd.value=="username"){ window.location="http://www.baidu.com" }else{ alert("请输入正确的用户名"); pwd.value=""; pwd.focus(); } }
) no-repeat; width:600px; height:375px; position:absolute; left:50%; top:50%; margin:-187.5px 0 0 -300px; text-align:center;} p{ width: 300px; height: 50px; line-height:50px; background: #FFF;position:absolute; left:50%; top:50%; margin:-25px 0 0 -150px;vertical-align:top; } .input{width:200px; height:30px; margin:8px 0}
function check(){ var pwd=document.getElementById("input"); if(pwd.value=="username"){ window.location="http://www.baidu.com" }else{ alert("请输入正确的用户名"); pwd.value=""; pwd.focus(); } }
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询