Maison > interface Web > tutoriel HTML > 求一个登录界面的脚本(输入用户名和密码的)_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2016-06-24 12:24:15
original
1751 Les gens l'ont consulté

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

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


回复讨论(解决方案)

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

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

1

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

Copier après la connexion

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

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

1

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

Copier après la connexion

上面的是比较基本的登陆界面代码,如果要做的炫一点或色彩丰富,需要配合CSS和图片等

1

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

Copier après la connexion

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal