ホームページ >ウェブフロントエンド >htmlチュートリアル >ログイン インターフェース スクリプトを探しています (ユーザー名とパスワードを入力するため)_html/css_WEB-ITnose
ログイン インターフェース スクリプトを探しています (ユーザー名とパスワードを入力するため)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:24:151676ブラウズ
以下に示すように:
ユーザー名: 編集ボックス
パスワード: 編集ボックス
画面の中央に表示する必要があり、背景画像をサポートすることが最善です。
ディスカッション (解決策) に返信します
以下のように:
ユーザー名: 編集ボックス
パスワード: 編集ボックス
画面の中央に表示する必要があり、背景画像をサポートすることが最善です。
<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> 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。