css登录界面框(html登录框)

http://www.itjxue.com  2023-01-27 09:42  来源:未知  点击次数: 

怎样用div+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那,接受的文件也是需要定义的。

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

(责任编辑:IT教学网)

更多

推荐Access文章