Devdit
 

HTML label คืออะไร ใช้ทำอะไร เขียนยังไง

8.3K

HTML label คือแท็กที่ทำให้การกดคลิกที่ input type ชนิดต่างๆ ทำได้ง่าย และมีประสิทธิภาพมากยิ่งขึ้น เช่น ผู้ใช้งานสามารถคลิกที่ข้อความด้านหลัง checkbox หรือ radio ได้เลยเพื่อเลือก สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง HTML label คืออะไร ใช้ทำอะไร เขียนยังไง

<input type="checkbox" id="php"> <label for="php">PHP</label>
<br/>
<input type="checkbox" id="html"> <label for="html">HTML</label>
<br/>
<input type="checkbox" id="css"> <label for="css">CSS</label>

คำอธิบาย

HTML label จากตัวอย่างกำหนดชื่อใน for ให้ตรงกับ id ใน checkbox เมื่อผู้ใช้งานกดคลิกที่ข้อความ ตัว checkbox จะถูกติ๊กเลือกอัตโนมัติ ซึ่งเป็นความสามารถของแท็ก label ที่ช่วยเพิ่มประสิทธิภาพการทำงานระหว่าง input type กับผู้ใช้งาน โดยแท็ก label สามารถนำไปใช้งานกับ input type และแท็กอื่นๆ ได้อีกจำนวนมาก

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ