최근에, 나는 일을 할 때 라벨 태그를 사용했습니다. 이전에 라벨 태그를 거의 사용하지 않았기 때문에 매우 이상한 문제가 발생했습니다. 문제는 무엇입니까? 다음은 효과를 살펴 봅니다
이 데모의 목적은 로그인 버튼을 클릭 할 때 사용자가 입력 한 사용자 이름과 비밀번호가 합법적인지 확인하는 것입니다. 합법적이지 않은 경우 사용자 이름 입력 상자에서 오류 메시지가 표시됩니다.
오류 메시지를 표시하는 요소는 레이블을 사용하여 구현 될 계획입니다.
코드를 실행하여 데모 페이지를 열고 로그인 버튼을 클릭하여 어떤 변경이 일어날 지 확인하십시오. Firefox, Chrome 또는 IE9+를 사용하는 경우 로그인 버튼을 클릭하면 사용자 이름이 잘못되며 원하는 결과입니다. IE6, 7, 8을 사용하면 어떤 변화가 일어날 지 어떻게 알 수 있습니까? 현재이 페이지에 정보가 메시지가 표시되지 않았다는 것을 알았습니다. 개발자 도구를 열고 컨트롤을 살펴보십시오. 현재 프롬프트 오류 메시지 스크립트 600 : 알 수없는 런타임 오류가 있음을 알 수 있습니다. 이 문제가 발생했을 때, 나는 내 텍스트와 내부 html 메소드를 모두 시도했고, 그러한 오류를보고한다는 것을 알았습니다. 나는 사용법이 잘못되었다고 생각하고 W3CSchool로 가서 그것을 확인하고 내 텍스트와 내부 html을 지원하지 않는 것을 발견했습니다.
이 오류가 IE6, 7, 8에서 프롬프트가 발생하는 반면 Firefox, Chrome, IE9+ (다른 브라우저)는 정상적으로 실행됩니다. 신중한 사람들은 한 번에 문제를 볼 수 있습니다. 사용자 이름 오류를 자극하는 요소의 경우 레이블이 레이블 대신 Lable로 쓰기 시작합니다. 그러나 나는 당시이 문제를 찾지 못했습니다. 나는 항상 레이블 태그 사용에 문제가 있다고 생각했습니다. IE6, 7, 8의 JS 엔진이 잘못된 레이블 이름을 가진 요소의 내부 텍스트 및 내부 HTML 특성을 작동 할 때 오류가 발생하는 이유에 관해서는 Firefox, Chrome 및 IE9+에는 오류가 없습니다. 명확하지 않습니다. 이것에 대해 잘 이해하고 있다면 설명하십시오.
이 질문은 실제로 매우 낮은 수준이며 레이블 이름을 잘못 작성했습니다. 그러나 나는 그 당시 그것을 눈치 채지 못했습니다. 나중에 신중한 연구를 마친 후이 문제를 발견 했으므로 기록하겠습니다.