求一个登录界面的脚本(输入用户名和密码的)

周江涛 2013-09-22 05:23:19

如下所示：
用户名：编辑框
密码：编辑框

要求显示在屏幕正中间，最好还支持背景图片。

...全文

307 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

fzfei2 2013-09-23

打赏
举报


  <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>

conanhhy 2013-09-23

打赏
举报

引用楼主 Delphityro 的回复:

如下所示：用户名：编辑框密码：编辑框要求显示在屏幕正中间，最好还支持背景图片。


<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和图片等

枫醉秋 2013-09-23

打赏
举报

引用楼主 Delphityro 的回复:

如下所示：用户名：编辑框密码：编辑框要求显示在屏幕正中间，最好还支持背景图片。

<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>