ตัวอย่าง
สามปุ่มที่มีป้ายชื่อ:
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio"
name="gender" id="male" value="male"><br>
<label
for="female">Female</label>
<input type="radio" name="gender"
id="female" value="female"><br>
<label for="other">Other</label>
<input type="radio" name="gender" id="other" value="other"><br><br>
<input type="submit" value="Submit">
</form>
ลองตัวเอง» ความหมายและการใช้งาน
<label> แท็กกำหนดฉลากสำหรับ <input> องค์ประกอบ
<label> องค์ประกอบที่ไม่สามารถแสดงได้เป็นอะไรเป็นพิเศษสำหรับผู้ใช้ แต่ก็ยังมีการปรับปรุงการใช้งานสำหรับผู้ใช้เมาส์เพราะหากผู้ใช้คลิกที่ข้อความภายใน <label> องค์ประกอบมันสลับควบคุม
for แอตทริบิวต์ของ <label> แท็กควรจะเท่ากับ id แอตทริบิวต์ขององค์ประกอบที่เกี่ยวข้องกับการผูกเข้าด้วยกัน
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <label> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
เคล็ดลับ: ฉลากสามารถจะผูกพันกับองค์ประกอบอย่างใดอย่างหนึ่งโดยใช้ "for" แอตทริบิวต์หรือโดยการวางองค์ประกอบภายใน <label> องค์ประกอบ
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
"form" แอตทริบิวต์เป็นของใหม่ใน HTML5
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| for | element_id | ซึ่งระบุองค์ประกอบรูปแบบฉลากที่ถูกผูกไว้ |
| form | form_id | ระบุหนึ่งหรือมากกว่าหนึ่งรูปแบบฉลากเป็น |
แอตทริบิวต์ทั่วโลก
<label> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<label> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: วัตถุฉลาก
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <label> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้: