Home > Article > Web Front-end > Looking for a login interface script (for entering username and password)_html/css_WEB-ITnose
Looking for a login interface script (for entering username and password)_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:24:151656browse
is as follows:
User name: Edit box
Password: Edit box
It is required to be displayed in the middle of the screen, and it is best to support background images.
Reply to discussion (solution)
as shown below:
Username: Edit box
Password: Edit box
Request to be displayed on the screen In the middle, it is best to support background images.
<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>
as follows:
User name: Edit box
Password: Edit box
It is required to be displayed in the middle of the screen, and it is best to support background images .
<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>
The above is a relatively basic login interface code. If you want to make it more dazzling or colorful, you need to use CSS and pictures, etc.
<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> Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn