Análise e idéias de solução para problemas encontrados durante o uso de tags de etiquetas

Autor：Eve Cole Data da Última Atualização：2025-06-10 03:00:03

Recentemente, usei a tag de etiqueta quando estava fazendo as coisas. Como eu raramente usava tags de etiquetas antes, encontrei um problema muito estranho. Qual é o problema? Aqui está uma olhada em um efeito

<! Doctype html> <html> <head> <meta charset = "utf-8"/> <title> tag de etiqueta html Aprenda por typeof </title> <style type = "text/css"> html, corpo {margin: 0; preenchimento: 0; } .title {margin: 10px; } .Login-item, .Login-Button {margin: 20px; Altura: 30px; } .clearfix {clear: ambos; contente: ""; exibição: bloco; } .Login-Item Rótulo {float: esquerda; Largura: 70px; } .Login-Item .Text {Hight: 18px; Largura: 200px; flutuar: esquerda; } </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 = "senha" name = "nome de usuário"/> <rótulo id = "j_passworderror"> </label> </div> <div> <input type = "submit" value = "login" id = "j_subMitLogin"/> </div> <cript> documentInMentbyId ('j_submitLogin "/> </div> <cript> userNameError = document.getElementById ('J_UserNameError'); UserNameError.innerhtml = 'UserNameError'; }; </script> </body> </html>

O objetivo desta demonstração é verificar se o nome do usuário e a senha inseridos pelo usuário são legais ao clicar no botão Login. Se não for legal, a mensagem de erro será solicitada na caixa de entrada do nome de usuário.

O elemento que solicita a mensagem de erro está planejado para ser implementado usando o rótulo.

Abra a página de demonstração executando o código e clique no botão Login para ver quais mudanças acontecerão. Se você estiver usando o Firefox, Chrome ou IE9+, clicar no botão de login solicitará que o nome do usuário esteja errado, que é o resultado desejado. Se eu usar o IE6, 7, 8, como posso ver quais mudanças acontecerão? No momento, descobri que a página não solicitava informações. Abra a ferramenta de desenvolvedor e observe o controle. No momento, descobrirei que o script de mensagem de erro prompt600: erro de tempo de execução desconhecido. Quando encontrei esse problema, tentei os métodos InnerText e InnerHTML e descobri que eles relatariam esse erro. Eu pensei que o método de uso estava errado e fui ao W3Cschool para conferir e descobri que ele não suportou o InnerText e o InnerHTML.

Por que esse erro solicita no IE6, 7, 8 enquanto Firefox, Chrome, IE9+ (outros navegadores não tentaram) executam normalmente. Pessoas cuidadosas podem ver o problema de uma só vez. Para elementos que solicitam o erro de nome de usuário, o rótulo começa a ser escrito como uma folha de obra em vez de um rótulo. Mas não encontrei esse problema naquele momento. Eu sempre pensei que havia um problema no uso de tags de etiquetas. Quanto ao motivo pelo qual os motores JS do IE6, 7, 8 terão erros ao operar as propriedades InnerText e InnerHTML de elementos com o nome de etiqueta errada, enquanto não há erros no Firefox, Chrome e IE9+. Não está muito claro. Se você tem um bom entendimento disso, explique.

Esta pergunta é realmente bastante baixa, você escreveu o nome da gravadora incorretamente. Mas eu não notei isso naquele momento. Mais tarde, depois de um estudo cuidadoso, descobri esse problema, então vou gravar.