Анализ и идеи решения для задач, возникающих при использовании метки метки

Автор：Eve Cole Время обновления：2025-06-10 03:00:03

Недавно я использовал метку метки, когда делал что -то. Поскольку я редко использовал метки метки ранее, я столкнулся с очень странной проблемой. В чем проблема? Вот посмотрите на эффект

<! Doctype html> <html> <head> <meta charset = "utf-8"/> <title> метка HTML Learn Learn By Typeof </title> <style type = "text/css"> html, body {margin: 0; Заполнение: 0; } .title {margin: 10px; } .login-item, .login-button {margin: 20px; Высота: 30px; } .clearfix {clear: оба; содержание: ""; дисплей: блок; } .login-item метка {float: left; Ширина: 70px; } .login-item .text {height: 18px; Ширина: 200px; Плавание: осталось; } </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 = "username"/> <label id = "j_passworderror"> </label> </div> <div> <input type = "value =" login "id =" j_submitlogin "/> </div> <cespript> document.getelement usernameerror = document.getElementByid ('j_usernameerror'); usernameerror.innerhtml = 'usernameRror'; }; </script> </body> </html>

Цель этой демонстрации состоит в том, чтобы проверить, являются ли имя пользователя и пароль, введенные пользователем законными при нажатии на кнопку входа в систему. Если это не законно, сообщение об ошибке будет предложено в поле «Имя пользователя».

Элемент, который подсказывает сообщение об ошибке, планируется реализовать с использованием метки.

Откройте демо -страницу, запустив код и нажмите кнопку «Вход», чтобы увидеть, какие изменения произойдут. Если вы используете Firefox, Chrome или IE9+, нажатие кнопки «Вход» заставит подготовить имя пользователя неправильно, что является желаемым результатом. Если я использую IE6, 7, 8, как я могу увидеть, какие изменения произойдут? В настоящее время я обнаружил, что страница не приглашала информацию. Откройте инструмент разработчика и посмотрите на управление. В настоящее время я обнаружил, что Script600: неизвестная ошибка времени выполнения. Когда я столкнулся с этой проблемой, я попробовал как внутренний, так и внутренний методы и обнаружил, что они сообщат о такой ошибке. Я думал, что метод использования был неправильным, и отправился в W3CSchool, чтобы проверить его и обнаружил, что он не поддерживает внутренний текст и Innerhtml.

Почему эта ошибка подсказывает IE6, 7, 8, в то время как Firefox, Chrome, IE9+ (другие браузеры не пробовали) нормально работают. Осторожные люди могут увидеть проблему одновременно. Для элементов, которые побуждают ошибку имени пользователя, этикетка начинает записывать как LABLE вместо метки. Но в то время я не нашел эту проблему. Я всегда думал, что есть проблема с использованием метков метки. Что касается того, почему двигатели JS IE6, 7, 8 будут иметь ошибки при использовании внутреннего текста и внутренних свойств элементов с неправильным именем метки, в то время как в Firefox, Chrome и IE9+нет ошибок. Это не очень ясно. Если у вас есть хорошее понимание этого, объясните, пожалуйста.

Этот вопрос на самом деле довольно низкий уровень, вы неправильно написали имя ярлыка. Но я не заметил этого в то время. Позже, после тщательного изучения, я обнаружил эту проблему, поэтому я запишу ее.