css登录界面框(html登录框)
怎样用div+css制作一个登录页面
用div+css制作一个登录页面,首先需要做的就是将这个登录界面的布局给构想好,然后在使用div去布局出来,一般都要结合表单,因为是需要和数据库结合的,至于的具体的界面,看下代码:
head
meta charset="UTF-8"
title淘宝登录/title
link rel="stylesheet" type="text/css" href="../static/css/index.css" /
script type="text/javascript"
{if $message !=''}
alert("{$message}");
{/if}
/script
/head
body
div id="logo"
div class="logotop"
div class="yanz"
h2登录/h2
form action="logo.php" method="post"
span style="display:block; height:27px; width:27px; background-image:url(../static/images/logozh.jpg); float:left;"/span
input type="text" name="uname" style="height:26px"/br/
span style="display:block; height:27px; width:27px; background-image:url(../static/images/logomm.jpg); float:left;"/span
input type="password" name="pwd" style="height:26px"/
pa href=""忘记登录密码?/a/p
input type="submit" value="" style="width:254px; height:37px; background-image:url(../static/images/logodl.jpg); cursor: pointer;"/
/form
/div
/div
/div
/body
/html
这个代码有些图片的地址,需要根据要求去改,这些是我自己写的,然后就是传输的文件,action那,接受的文件也是需要定义的。

css盒子里怎么弄登录界面
用div+css制作一个登录页面,首先需要做的就是将这个登录界面的布局给构想好,然后在使用div去布局出来,一般都要结合表单,因为是需要和数据库结合的,至于的具体的界面,看下代码:
html
head
meta charset="UTF-8"
title淘宝登录/title
link rel="stylesheet" type="text/css" href="../static/css/index.css" /
script type="text/javascript"
{if $message !=''}
alert("{$message}");
{/if}
/script
/head
body
div id="logo"
div class="logotop"
div class="yanz"
h2登录/h2
form action="logo.php" method="post"
span style="display:block; height:27px; width:27px; background-image:url(../static/images/logozh.jpg); float:left;"/span
input type="text" name="uname" style="height:26px"/br/
span style="display:block; height:27px; width:27px; background-image:url(../static/images/logomm.jpg); float:left;"/span
input type="password" name="pwd" style="height:26px"/
pa href=""忘记登录密码?/a/p
input type="submit" value="" style="width:254px; height:37px; background-image:url(../static/images/logodl.jpg); cursor: pointer;"/
/form
/div
/div
/div
/body
/html
这个代码有些图片的地址,需要根据要求去改,这些是我自己写的,然后就是传输的文件,action那,接受的文件也是需要定义的。
HTML用CSS5怎么把登陆框在页面跳出
div id=win style="display:none; POSITION:absolute; left:50%; top:50%; width:600px; height:400px; margin-left:-300px; margin-top:-200px; border:1px solid #888; background-color:#edf; text-align:center"这是DIV登录框示例bra href="javascript:closeLogin();"关闭登录框/a/div
script
function openLogin(){
document.getElementById("win").style.display="";
}
function closeLogin(){
document.getElementById("win").style.display="none";
}
/script
a href="javascript:openLogin();"打开登录框/a
div css中,在登陆界面“文本框”上有灰色的文字,点击中文文本框灰色的文字消失是什么原因?
第一步,点击文本框,在属性栏中填写你需要的文字;见下图
第二步,为文本框文字添加css属性,点击文本框,可以在css面板中直接选择颜色或填写值;(可以在网页中直接定义css,也可以新建一个css文件)
显示效果
如果要实现鼠标点击灰色文字自动消失,需要使用js编程,可以在网上找js或jquery效果代码添加进页面内。
附上具体代码:
!DOCTYPE?htmlhtmlheadstyle.txt{????color:#ccc;}.focus{????color:#333;}/stylescript?src=""/scriptscript$(document).ready(function(){????var?str="我是灰色文字";????$(".txt").val(str);?????????$(".txt").focus(function(){????????var?v=this.value;????????if(v?==?str){????????????$(this).val("").addClass("focus");????????}????}).blur(function(){????????var?v=this.value;????????if(v?==?""){????????????$(this).val(str).removeClass("focus");?????????????????????}????});});/script/headbodyinput?class="txt"?type="text"?value="我是灰色文字"//body/html
css怎么制作一个登录页面
CSS+HTML可以制作一个登录静态页面,做不了动态页面。
表单代码:
form name="form" method="POST" action=""
input type="text" value="用户名" /
input type="password" value="密码" /
input type="submit" name="button" value="登录" class="xiaoka_tj"/
/form