Analyse- und Lösungsideen für Probleme, die während der Verwendung von Etikettentags auftreten

Autor：Eve Cole Aktualisierungszeit：2025-06-10 03:00:03

Vor kurzem habe ich das Etikett -Tag verwendet, als ich Dinge tat. Da ich vorher selten Label -Tags verwendet habe, stieß ich auf ein sehr seltsames Problem. Was ist das Problem? Hier ist ein Blick auf einen Effekt

<! DocType html> <html> <head> <meta charset = "utf-8"/> <title> HTML-Etikett Tag Lernen Sie nach Typeof </title> <style type = "text/css"> html, body {margin: 0; Polsterung: 0; } .title {margin: 10px; } .login-iTem, .Login-button {margin: 20px; Höhe: 30px; } .clearFix {clear: beides; Inhalt: ""; Anzeige: Block; } .login-item label {float: links; Breite: 70px; } .login-iTem .Text {Höhe: 18px; Breite: 200px; float: links; } </style> </head> <body> <div> Problems encountered during the use of label tag</div> <div> <label for="username">Username: </label> <input type="text" id="username" name="username" /> <lable id="J_usernameError"></label> </div> <div> <label for="password">Secret Code: </label> <input type = "text" id = "password" name = "userername"/> <label id = "j_passWorderror"> </label> </div> <div> <Eingabe type = "value =" login "id =" j_submitlogin "/> </div> <Script> document.getById ('j_subMitlogin). document.getElementById ('j_usernameError'); userernameError.innerhtml = 'userernameError'; }; </script> </body> </html>

Der Zweck dieser Demo besteht darin, zu überprüfen, ob der vom Benutzer eingegebene Benutzername und Kennwort beim Klicken auf die Anmeldebaste legal sind. Wenn es nicht legal ist, wird die Fehlermeldung im Eingabefeld des Benutzernamens aufgefordert.

Das Element, das die Fehlermeldung auffordert, soll mithilfe der Etikett implementiert werden.

Öffnen Sie die Demo -Seite, indem Sie den Code ausführen, und klicken Sie auf die Schaltfläche Anmeldung, um festzustellen, welche Änderungen stattfinden werden. Wenn Sie Firefox, Chrome oder IE9+verwenden, fordert es auf die Schaltfläche Anmeldung auf, dass der Benutzername falsch ist. Dies ist das gewünschte Ergebnis. Wenn ich IE6, 7, 8 benutze, wie kann ich sehen, welche Änderungen passieren werden? Zu diesem Zeitpunkt stellte ich fest, dass die Seite keine Informationen forderte. Öffnen Sie das Entwicklerwerkzeug und schauen Sie sich die Kontrolle an. Zu diesem Zeitpunkt werde ich feststellen, dass der Eingabeaufforderung Fehlermeldungskript600: Unbekannter Laufzeitfehler. Als ich auf dieses Problem gestoßen bin, habe ich sowohl InnerText- als auch Innerhtml -Methoden ausprobiert und festgestellt, dass sie einen solchen Fehler melden würden. Ich fand die Nutzungsmethode falsch und ging zur W3CSchool, um sie auszuprobieren, und stellte fest, dass sie InnerText und Innerhtml nicht unterstützte.

Warum fordert dieser Fehler in IE6, 7, 8 auf, während Firefox, Chrome, IE9+ (andere Browser nicht versucht haben) normal laufen. Vorsichtliche Menschen können das Problem sofort sehen. Für Elemente, die den Benutzernamenfehler auffordern, wird das Etikett als Label anstelle eines Etiketts geschrieben. Aber ich habe dieses Problem zu dieser Zeit nicht gefunden. Ich dachte immer, es gibt ein Problem bei der Verwendung von Label -Tags. Warum die JS -Motoren von IE6, 7, 8 bei der Betrieben des InnerText- und Innerhtml -Eigenschaften von Elementen mit dem falschen Label -Namen Fehler haben, während es keine Fehler in Firefox, Chrome und IE9+gibt. Es ist nicht sehr klar. Wenn Sie ein gutes Verständnis dafür haben, erklären Sie bitte.

Diese Frage ist eigentlich ziemlich niedrig, Sie haben den Etikettamen falsch geschrieben. Aber ich habe es damals nicht bemerkt. Später, nach sorgfältigem Studium, entdeckte ich dieses Problem, also werde ich es aufzeichnen.