เนื้อหาที่แนะนำคือการวิเคราะห์โดยละเอียดของวิธีการใช้งานของแอตทริบิวต์สำหรับแท็ก <lable> ใน HTML5 เว็บไซต์นี้มีการวิเคราะห์โดยละเอียดเกี่ยวกับวิธีการใช้งานแอตทริบิวต์ของแท็ก <label> ในบทความนี้และอธิบายแท็กฉลาก HTML5 ที่เกี่ยวข้องสำหรับเทคโนโลยีแอตทริบิวต์และความรู้ในบทความ ยินดีต้อนรับสู่การให้การสนับสนุนและความช่วยเหลือในเรื่องนี้! ต่อไปนี้เป็นรายละเอียด:
เนื้อหาที่แนะนำคือการวิเคราะห์โดยละเอียดของวิธีการใช้งานของแอตทริบิวต์สำหรับแท็ก <lable> ใน HTML5
ใน Create a Set of Radio Buttons ของการสอน HTML บน FreeCodecamp ฉันเห็นข้อความนี้
ถือว่าเป็นวิธีปฏิบัติที่ดีที่สุดในการตั้งค่าแอตทริบิวต์สำหรับองค์ประกอบฉลากโดยมีค่าที่ตรงกับค่าของแอตทริบิวต์ ID ขององค์ประกอบอินพุต สิ่งนี้ช่วยให้เทคโนโลยีช่วยเหลือในการสร้างความสัมพันธ์ที่เชื่อมโยงระหว่างฉลากและองค์ประกอบอินพุตเด็ก
ความหมายคร่าวๆคือ: วิธีที่ดีที่สุดในการทำคือการเพิ่ม for สำหรับแท็ก label และค่าของมันเหมือนกับค่าของแอตทริบิวต์ id ของแท็ก input เพื่อสร้างความสัมพันธ์ระหว่างฉลากและอินพุต
ในเวลาเดียวกันมีการกำหนดรหัสตัวอย่างดังนี้:
<!-รหัส 1-> <label for = indoor> <อินพุต id = type ในร่ม = ชื่อวิทยุ = ในร่ม-นอกอาคาร> ในร่ม </lable> ในร่ม </label>
ในรหัสค่าแอตทริบิวต์สำหรับฉลากเหมือนกับค่าแอตทริบิวต์ ID ของอินพุต จากรหัสนี้คุณไม่สามารถดูได้ว่าสมาคมอยู่ที่ไหน
คำจำกัดความของแอตทริบิวต์สำหรับฉลากมีดังนี้:
แอตทริบิวต์สำหรับการระบุว่าองค์ประกอบใดรูปแบบใดที่ป้ายกำกับถูกผูกไว้
การแปล: แอตทริบิวต์สำหรับระบุองค์ประกอบใดในรูปแบบที่ถูกผูกไว้
รหัสตัวอย่าง:
<!-รหัส 2-> <form action =/action_page.php> <อินพุต type = ชื่อวิทยุ = เพศ id = ค่าชาย = ชาย> <label for = male> male </label> <br> <ประเภทอินพุต = ชื่อวิทยุ = id เพศ = ค่าหญิง = label> <label for = ผู้หญิง> value = submit> </form>
การเปรียบเทียบรหัสสองชิ้นนั้นไม่ยากที่จะหา
ความสัมพันธ์การรวมระหว่างป้ายกำกับและแท็กอินพุตแตกต่างกัน ฉลากและอินพุตของรหัส 1 เป็นของความสัมพันธ์การรวมในขณะที่ฉลากและอินพุตของรหัส 2 ค่อนข้างเป็นอิสระ
ฉลากและอินพุตถูกจัดเรียงแตกต่างกันในหน้า ผ่านเครื่องมือนักพัฒนาของ Chrome ไม่ยากที่จะพบว่าผลลัพธ์การรันของรหัส 1 แท็กฉลากครอบคลุมแท็กอินพุตผลลัพธ์การรันของรหัส 2 แท็กฉลากและแท็กอินพุตจะขนานกัน
ฉลากและอินพุตสอดคล้องกันทีละหนึ่ง คลิกเนื้อหาของฉลากและปุ่มปลายเดี่ยวที่สอดคล้องกันจะถูกเลือก
หากเราลบแอตทริบิวต์สำหรับฉลากในสองรหัสดังนั้นจุดที่ 1 และจุดที่ 2 ยังคงไม่เปลี่ยนแปลงและการเปลี่ยนแปลงคือจุด 3 สำหรับผลการดำเนินการของรหัส 1 คลิกเนื้อหาของฉลากและคุณยังสามารถเลือกปุ่มตัวเลือกได้ รหัส 2 แตกต่างกัน หากคุณคลิกเนื้อหาของป้ายกำกับปุ่มตัวเลือกไม่สามารถเลือกได้
หลังจากการเปรียบเทียบอย่างง่าย ๆ ของรหัสการรันผลลัพธ์เราสามารถตรวจสอบได้ว่าข้อความที่ยกมาที่จุดเริ่มต้นของบทความนั้นถูกต้อง การฝึกฝนการเพิ่มแอตทริบิวต์ลงในฉลากนี้สามารถปรับปรุงคุณภาพของรหัส
การวิเคราะห์โดยละเอียดของวิธีการใช้งานแอตทริบิวต์ของแท็ก <label> ใน HTML5 อยู่ที่นี่ คุณสามารถบุ๊คมาร์ค URL ของหน้านี้ http://www.vevb.com/web/a/2018090496006.shtml สำหรับการเข้าถึงในครั้งต่อไป