亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery開(kāi)発ログインチュートリアルのレイアウト

まず、新しい form.html ファイルを作成する必要があります。

レンダリングは次のとおりです:

前端布局.png

次に、このセクションでは、ユーザー名とパスワードが 1 つだけある比較的単純なログインページについて説明します

次のコードを見(jiàn)てください:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>登錄頁(yè)面的驗(yàn)證</title>
</head>
<body>
    <div id="bdy">
        <div id="dv">
            <div id="con">
                <form method="post" action="#">
                    用戶名：<input type="text" placeholder="請(qǐng)輸入用戶名" id="name"></br>
                    <span id="sp1"></span></br></br>
                    密  碼：<input type="password" placeholder="請(qǐng)輸入密碼" id="pwd"></br>
                    <span id="sp2"></span></br></br>
                    <input type="button" value="登 錄" id="but">
                </form>
            </div>
        </div>
    </div>
</body>
</html>

を見(jiàn)てください。上記のコードでは、div レイアウトを使用しています。フォームのテキストボックス、パスワードボックス、span タグ、ボタンを見(jiàn)てみましょう

このようなページは非常に見(jiàn)苦しいので、次のセクションで將來(lái) CSS スタイルの操作を?qū)g行します

學(xué)び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登錄頁(yè)面的驗(yàn)證</title> </head> <body> <div id="bdy"> <div id="dv"> <div id="con"> <form method="post" action="#"> 用戶名：<input type="text" placeholder="請(qǐng)輸入用戶名" id="name"></br> <span id="sp1"></span></br></br> 密碼：<input type="password" placeholder="請(qǐng)輸入密碼" id="pwd"></br> <span id="sp2"></span></br></br> <input type="button" value="登錄" id="but"> </form> </div> </div> </div> </body> </html>

提出するリセットコード

自動(dòng)運(yùn)転