Analyse et idées de solution pour les problèmes rencontrés lors de l'utilisation des balises d'étiquette

Auteur：Eve Cole Date de mise à jour：2025-06-10 03:00:03

Récemment, j'ai utilisé la balise d'étiquette lorsque je faisais des choses. Comme j'utilisais rarement des étiquettes auparavant, j'ai rencontré un problème très étrange. Quel est le problème? Voici un aperçu d'un effet

<! Doctype html> <html> <éadf> <meta charset = "utf-8" /> <taptin> html étiquette tag Learn by typeof </ title> <style type = "text / css"> html, body {margin: 0; rembourrage: 0; } .Title {margin: 10px; } .login-item, .login-button {margin: 20px; hauteur: 30px; } .clearFix {Clear: les deux; contenu: ""; Affichage: bloc; } .login-item Label {float: Left; Largeur: 70px; } .login-item .Text {hauteur: 18px; Largeur: 200px; flottant: à gauche; } </ style> </ head> <body> <div> Problèmes rencontrés lors de l'utilisation de la balise d'étiquette </ div> <div> <étiquette pour = "nom d'utilisateur"> nom d'utilisateur: </ label> <entrée type = "text" id = "username" name = "username" /> <lable id = "j_usernameerror"> </ label> </v> <v> <v> <v> <v> <v> <v> <label pour le code " type = "text" id = "mot de passe" name = "username" /> <label id = "j_passworderror"> </ label> </ div> <div> <input type = "soumi" value = "login" id = "j_submitlogin" /> </ / script> document.getelementyid ('j_submitlogin'). OnClick = fonction () {var usiname = document.getElementById ('j_usernameerror'); usernameError.innerhtml = 'usernameerror'; }; </cript> </ body> </html>

Le but de cette démo est de vérifier si le nom d'utilisateur et le mot de passe entrés par l'utilisateur sont légaux lors du cliqueur sur le bouton de connexion. S'il n'est pas légal, le message d'erreur sera invité sous la zone d'entrée du nom d'utilisateur.

L'élément qui invite le message d'erreur est prévu pour être implémenté à l'aide de l'étiquette.

Ouvrez la page de démonstration en exécutant le code et cliquez sur le bouton de connexion pour voir quelles modifications se produiront. Si vous utilisez Firefox, Chrome ou IE9 +, cliquer sur le bouton de connexion invitera que le nom d'utilisateur est mauvais, ce qui est le résultat souhaité. Si j'utilise IE6, 7, 8, comment puis-je voir quels changements se produiront? À l'heure actuelle, j'ai constaté que la page ne provoquait pas d'informations. Ouvrez l'outil de développeur et regardez le contrôle. À l'heure actuelle, je constaterai que le Script du message d'erreur invite600: erreur d'exécution inconnue. Lorsque j'ai rencontré ce problème, j'ai essayé les méthodes InnerText et InnerHTML, et j'ai constaté qu'ils signaleraient une telle erreur. Je pensais que la méthode d'utilisation était erronée et je suis allée à W3CSchool pour le vérifier et j'ai constaté qu'elle ne soutenait pas InnerText et InnerHTML.

Pourquoi cette erreur invite-t-elle dans IE6, 7, 8 tandis que Firefox, Chrome, IE9 + (d'autres navigateurs n'ont pas essayé) s'exécutent normalement. Les gens prudents peuvent voir le problème immédiatement. Pour les éléments qui invitent l'erreur du nom d'utilisateur, l'étiquette commence à être écrite comme un lable au lieu d'une étiquette. Mais je n'ai pas trouvé ce problème à ce moment-là. J'ai toujours pensé qu'il y avait un problème dans l'utilisation des étiquettes. Quant aux raisons pour lesquelles les moteurs JS de IE6, 7, 8 auront des erreurs lors de l'exploitation des propriétés internet-texte et innerhtml des éléments avec le mauvais nom d'étiquette, alors qu'il n'y a pas d'erreurs dans Firefox, Chrome et IE9 +. Ce n'est pas très clair. Si vous en avez une bonne compréhension, veuillez expliquer.

Cette question est en fait assez bas, vous avez mal écrit le nom de l'étiquette. Mais je ne l'ai pas remarqué à ce moment-là. Plus tard, après une étude minutieuse, j'ai découvert ce problème, donc je vais l'enregistrer.