Heim >Web-Frontend >HTML-Tutorial >求一个登录界面的脚本(输入用户名和密码的)_html/css_WEB-ITnose
求一个登录界面的脚本(输入用户名和密码的)_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:24:151677Durchsuche
如下所示：
用户名： 编辑框
密码 ： 编辑框
要求显示在屏幕正中间，最好还支持背景图片。
回复讨论(解决方案)
如下所示：
用户名： 编辑框
密码 ： 编辑框
要求显示在屏幕正中间，最好还支持背景图片。
<html><head></head><body> <table style="width: 100%;height: 100%;"> <tbody><tr> <td style="text-align: center;"> usename:<input type="text"><br> pass:<input type="text"> </td> </tr> </tbody></table></body></html>
如下所示：
用户名： 编辑框
密码 ： 编辑框
要求显示在屏幕正中间，最好还支持背景图片。
<div><!-- 可以对DIV设置背景和内容居中 --><table> <tr> <td>用户名</td> <td><input type='text' id='tbxUser' /></td> </tr> <tr> <td>密码</td> <td><input type='password' id='tbxPass' /></td> </tr> <tr> <td cols='2'> <input type="button" id="submit" value="提交" /> <input type="button" id="reset" value="重置" style="margin-left:10px" /> </td> </tr></table></div>
上面的是比较基本的登陆界面代码，如果要做的炫一点或色彩丰富，需要配合CSS和图片等
<style> .loginDiv{ width:500px; height:200px; background:url(http://img.t.sinajs.cn/t5/style/images/register/reg_repeat_bg.png); margin:0 auto; margin-top:15%; border:#99f solid 1px; text-align: center; } .loginDiv form{margin-top: 40px;} </style> <div class="loginDiv"> <form > 用户名：<input type="text" /><br/> 密 码：<input type="text" /><br/> </form > </div> Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：会div+css的能找个啥样的工作_html/css_WEB-ITnoseNächster Artikel：关于制作公司网站_html/css_WEB-ITnose