HTML: label

มันมีอยู่ tag หนึ่งเวลาที่ทำ from หรือ input มักจะไม่ใส่กันหรือใส่ผิดวิธี ทำให้ google หรือ automate test หรือ rpa จำทำงานด้วยยากขึ้น คือ tag label

การใช้งาน label ที่ถูกต้องคือ

1. ใส่ id ที่ไม่ซ้ำกับตัวอื่น ๆ ให้ input
2. เอาค่าใน id มาใส่ label for ที่คู่กับ input นั้น ๆ

 <form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="Submit">
</form> 

ทดลองดูได้

ข้อดีอีกอย่างของการใส่ label คือ เมื่อคลิกที่ label มันจะติ๊ก input ให้ถูกตัว หรือถ้าใช้ required Attribute มันจะบอกว่าเราไม่ได้กรอก เลือก input อะไร

อ่านเพิ่มเติม

• extension: Web Developer
• HTML <label> Tag
• <label>: The Label element
• HTML <input> required Attribute