Disposition frontale du didacticiel du formulaire de validation du développement JS
Formulaire de validation
Apprenons à utiliser js pour valider le formulaire
Le code html est le suivant :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="div"> <form> <label>用户名:</label> <input type="text" class="name" id="name"> <div id="sp" class="div"></div> <label>密 码:</label> <input type="password" class="pwd" id="pwd"> <div id="sp1" class="div"></div> <label>邮 箱:</label> <input type="text" class="email" id="email"> <div id="sp2" class="div"></div> <label>爱 好:</label> <textarea rows="5" cols="30" class="txt" id="txt"></textarea> <div id="sp3" class="div"></div> <input type="button" class="sub" value="注册" id="sub"> </form> </div> </body> </html>
Jetons un coup d'œil aux rendus d'aperçu suivants :
Avant de traiter le style de page, regardons d'abord le code
de chaque zone de texte ou un champ de texte, comme suit Il y a une balise div. À quoi sert-elle ? Lorsque nous utilisons javascript pour vérifier le formulaire, s'il n'y a pas de contenu d'entrée, nous donnerons un message d'invite et placerons le contenu du message d'invite dans le champ. balise div
Dans le code ci-dessus, nous voyons les attributs id et class, nous pouvons les utiliser pour créer des styles
C'est sans utiliser de CSS pour traiter le style, donc ça aura l'air moche. Passons ensuite à utiliser simplement CSS pour changer le style
section suivante