communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Disposition du didacticiel de connexion au développement jQuery

Nous devons d’abord créer un nouveau fichier form.html.

Le rendu est le suivant :

前端布局.png

Écrivez ensuite le contenu du formulaire. Cette section explique une page de connexion relativement simple avec un seul nom d'utilisateur et un seul mot de passe<. 🎜 >

Regardez le code suivant : 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>登录页面的验证</title>
</head>
<body>
    <div id="bdy">
        <div id="dv">
            <div id="con">
                <form method="post" action="#">
                    用户名：<input type="text" placeholder="请输入用户名" id="name"></br>
                    <span id="sp1"></span></br></br>
                    密  码：<input type="password" placeholder="请输入密码" id="pwd"></br>
                    <span id="sp2"></span></br></br>
                    <input type="button" value="登 录" id="but">
                </form>
            </div>
        </div>
    </div>
</body>
</html>

Regardez le code ci-dessus, nous utilisons la disposition div, jetons un coup d'œil à la zone de texte du formulaire, à la zone de mot de passe, à la balise span, au bouton

Une telle page est très inesthétique, donc dans la section suivante, nous effectuerons des opérations de style CSS

Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录页面的验证</title> </head> <body> <div id="bdy"> <div id="dv"> <div id="con"> <form method="post" action="#"> 用户名：<input type="text" placeholder="请输入用户名" id="name"></br> <span id="sp1"></span></br></br> 密 码：<input type="password" placeholder="请输入密码" id="pwd"></br> <span id="sp2"></span></br></br> <input type="button" value="登 录" id="but"> </form> </div> </div> </div> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492817 joue