แนวคิดการวิเคราะห์และการแก้ปัญหาสำหรับปัญหาที่พบในระหว่างการใช้แท็กฉลาก

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-06-10 03:00:03

เมื่อเร็ว ๆ นี้ฉันใช้แท็กฉลากเมื่อฉันทำสิ่งต่างๆ เนื่องจากฉันไม่ค่อยเคยใช้แท็กฉลากมาก่อนฉันพบปัญหาที่แปลกมาก ปัญหาคืออะไร? นี่คือผลกระทบที่เอฟเฟกต์

<! doctype html> <html> <head> <meta charset = "utf-8"/> <title> แท็กฉลาก html เรียนรู้โดย typeof </title> <style type = "text/css"> html, body {margin: 0; Padding: 0; } .title {margin: 10px; } .login-item, .login-button {margin: 20px; ความสูง: 30px; } .ClearFix {Clear: ทั้งสอง; เนื้อหา: ""; แสดง: บล็อก; } .login-item label {float: ซ้าย; ความกว้าง: 70px; } .login-item .Text {ความสูง: 18px; ความกว้าง: 200px; ลอย: ซ้าย; } </style> </head> <body> <div> ปัญหาที่พบในระหว่างการใช้แท็กฉลาก </div> <div> <label for = "ชื่อผู้ใช้"> ชื่อผู้ใช้: </label> <อินพุต type = "text" id = "ชื่อผู้ใช้" name = "username"/> <lable id = "j_usernameerror" type = "text" id = "รหัสผ่าน" name = "username"/> <label id = "j_passworderror"> </label> </div> <div> <อินพุต type = "subment" value = "เข้าสู่ระบบ" id = "j_submitlogin" document.getElementById ('j_usernameerror'); userNameError.innerhtml = 'usernameError'; - </script> </body> </html>

วัตถุประสงค์ของการสาธิตนี้คือการตรวจสอบว่าชื่อผู้ใช้และรหัสผ่านที่ผู้ใช้ป้อนนั้นถูกกฎหมายเมื่อคลิกปุ่มเข้าสู่ระบบหรือไม่ หากไม่ถูกกฎหมายข้อความแสดงข้อผิดพลาดจะได้รับแจ้งภายใต้กล่องอินพุตชื่อผู้ใช้

องค์ประกอบที่แจ้งข้อความแสดงข้อผิดพลาดมีการวางแผนที่จะนำไปใช้โดยใช้ป้ายกำกับ

เปิดหน้าสาธิตโดยเรียกใช้รหัสและคลิกปุ่มเข้าสู่ระบบเพื่อดูว่าการเปลี่ยนแปลงจะเกิดขึ้นอย่างไร หากคุณใช้ Firefox, Chrome หรือ IE9+การคลิกปุ่มเข้าสู่ระบบจะแจ้งให้ทราบว่าชื่อผู้ใช้ไม่ถูกต้องซึ่งเป็นผลลัพธ์ที่ต้องการ ถ้าฉันใช้ IE6, 7, 8, ฉันจะดูว่าจะเกิดการเปลี่ยนแปลงอะไรได้บ้าง? ในเวลานี้ฉันพบว่าหน้าไม่ได้แจ้งข้อมูล เปิดเครื่องมือนักพัฒนาซอฟต์แวร์และดูการควบคุม ในเวลานี้ฉันจะพบว่าข้อความแสดงข้อผิดพลาดพร้อมท์ Script600: ข้อผิดพลาดรันไทม์ที่ไม่รู้จัก เมื่อฉันพบปัญหานี้ฉันลองวิธีการทั้งในข้อความและ innerhtml และพบว่าพวกเขาจะรายงานข้อผิดพลาดดังกล่าว ฉันคิดว่าวิธีการใช้งานผิดและไปที่ W3CSchool เพื่อตรวจสอบและพบว่ามันไม่สนับสนุน InnerText และ InnerHtml

เหตุใดข้อผิดพลาดนี้จึงแจ้งเตือนใน IE6, 7, 8 ในขณะที่ Firefox, Chrome, IE9+ (เบราว์เซอร์อื่นไม่ได้ลอง) ทำงานตามปกติ ผู้คนอย่างระมัดระวังอาจเห็นปัญหาในครั้งเดียว สำหรับองค์ประกอบที่แจ้งข้อผิดพลาดชื่อผู้ใช้ฉลากจะเริ่มเขียนเป็น lable แทนฉลาก แต่ฉันไม่พบปัญหานี้ในเวลานั้น ฉันมักจะคิดว่ามีปัญหาในการใช้แท็กฉลาก สำหรับสาเหตุที่ JS Engines ของ IE6, 7, 8 จะมีข้อผิดพลาดเมื่อใช้งานคุณสมบัติ innerText และ InnerHTML ขององค์ประกอบที่มีชื่อฉลากผิดในขณะที่ไม่มีข้อผิดพลาดใน Firefox, Chrome และ IE9+ มันไม่ชัดเจนมาก หากคุณมีความเข้าใจที่ดีเกี่ยวกับเรื่องนี้โปรดอธิบาย

คำถามนี้ค่อนข้างต่ำจริง ๆ แล้วคุณได้เขียนชื่อฉลากอย่างไม่ถูกต้อง แต่ฉันไม่ได้สังเกตในเวลานั้น ต่อมาหลังจากการศึกษาอย่างรอบคอบฉันค้นพบปัญหานี้ดังนั้นฉันจะบันทึกมัน