ホームページ > ウェブフロントエンド > htmlチュートリアル > ブートストラップ バックグラウンド ログイン インターフェイス code_html/css_WEB-ITnose に基づく

ブートストラップ バックグラウンド ログイン インターフェイス code_html/css_WEB-ITnose に基づく

WBOY
リリース: 2016-06-24 11:32:15
オリジナル
1947 人が閲覧しました

ブートストラップに基づいてバックグラウンド ログイン インターフェイス コードを共有します。これは、ブートストラップと css3 に基づいた適応型モバイル ファースト ログイン インターフェイス コードです。実装されたレンダリングは次のとおりです:

オンライン プレビュー ソース コードのダウンロード

実装されたコード。

html コード:

<div class="signin">        <div class="signin-head"><img src="images/test/head_120.png" alt="" class="img-circle"></div>        <form class="form-signin" role="form">            <input type="text" class="form-control" placeholder="用户名" required autofocus />            <input type="password" class="form-control" placeholder="密码" required />            <button class="btn btn-lg btn-warning btn-block" type="submit">登录</button>            <label class="checkbox">                <input type="checkbox" value="remember-me"> 记住我            </label>        </form>    </div>
ログイン後にコピー

via: http://www.w2bc.com/article/bootstrap-user-login-form

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート