Análisis e ideas de soluciones para los problemas encontrados durante el uso de etiquetas de etiqueta

Autor：Eve Cole Fecha de actualización：2025-06-10 03:00:03

Recientemente, usé la etiqueta de la etiqueta cuando estaba haciendo cosas. Como rara vez usé etiquetas de etiqueta antes, encontré un problema muy extraño. ¿Cuál es el problema? Aquí hay un vistazo a un efecto

<! DocType html> <html> <head> <meta charset = "utf-8"/> <title> html etiqueta de etiqueta aprender por typeOf </title> <style type = "text/css"> html, cuerpo {margen: 0; relleno: 0; } .title {margen: 10px; } .login-item, .login-botton {margen: 20px; Altura: 30px; } .clarfix {clare: ambos; contenido: ""; Pantalla: bloque; } .Login-Item Label {float: izquierda; Ancho: 70px; } .login-item .text {altura: 18px; Ancho: 200px; flotante: izquierda; } </style> </head> <body> <viv> Problemas encontrados durante el uso de la etiqueta etiqueta </iv> <div> <etiqueta for = "username"> username: </label> <input type = "text" id = "username" name = "username"/> <lable id = "j_usernameerror"> </labor> </iv> <iv> <label de la etiqueta For = "contraseña>" type = "text" id = "contraseña" name = "usernoName"/> <etiqueta id = "j_passworderRor"> </sely> </div> <div> <11 input type = "enviar" value = "login" id = "j_subMitLogin"/> </div> <script> document.getEntyByid ('j_subMitLogin'). onClick = free () document.getElementById ('J_UsernameError'); usernameError.innerhtml = 'usernameError'; }; </script> </body> </html>

El propósito de esta demostración es verificar si el nombre de usuario y la contraseña ingresados por el usuario son legales al hacer clic en el botón de inicio de sesión. Si no es legal, el mensaje de error se solicitará en el cuadro de entrada del nombre de usuario.

El elemento que solicita el mensaje de error se planea implementarse utilizando la etiqueta.

Abra la página de demostración ejecutando el código y haga clic en el botón de inicio de sesión para ver qué cambios sucederán. Si está utilizando Firefox, Chrome o IE9+, hacer clic en el botón de inicio de sesión indicará que el nombre de usuario está mal, que es el resultado deseado. Si uso IE6, 7, 8, ¿cómo puedo ver qué cambios pasarán? En este momento, descubrí que la página no solicitaba información. Abra la herramienta de desarrollador y mire el control. En este momento, encontraré que el mensaje de error de inmediato script600: error de tiempo de ejecución desconocido. Cuando encontré este problema, probé los métodos de inntext e innerhtml, y descubrí que informarían tal error. Pensé que el método de uso era incorrecto y fui a W3CSCHOOL para verlo y descubrí que no admitía inntext e innerHTML.

¿Por qué se indica este error en IE6, 7, 8, mientras que Firefox, Chrome, IE9+ (otros navegadores no lo han intentado) funcionan normalmente. Las personas cuidadosas pueden ver el problema a la vez. Para elementos que solicitan el error del nombre de usuario, la etiqueta comienza a escribirse como una lable en lugar de una etiqueta. Pero no encontré este problema en ese momento. Siempre pensé que había un problema en el uso de etiquetas de etiquetas. En cuanto a por qué los motores JS de IE6, 7, 8 tendrán errores al operar las propiedades Innertext e InnerHTML de los elementos con el nombre de la etiqueta incorrecto, mientras que no hay errores en Firefox, Chrome e IE9+. No está muy claro. Si tiene una buena comprensión de esto, explique.

Esta pregunta es en realidad bastante bajo, ha escrito el nombre de la etiqueta incorrectamente. Pero no lo noté en ese momento. Más tarde, después de un cuidadoso estudio, descubrí este problema, así que lo grabaré.