แอตทริบิวต์ checked ใน HTML: เลือก Radio/Checkbox ล่วงหน้า

ไวยากรณ์ (Syntax)

<input type="checkbox" checked>
<input type="radio" checked>

เป็น Boolean Attribute: เขียนแค่ checked หรือ checked="checked" ก็ได้

ตัวอย่างการใช้งาน (Checkbox)

<!DOCTYPE html>
<html>
<body>
  <h2>ลงทะเบียน</h2>
  <form action="" method="get">
    ID: <input type="text" name="id" placeholder="User ID" size="25"><br>
    Password: <input type="password" name="pwd" placeholder="Password"><br>
    DOB: <input type="date" name="dob" placeholder="Date of Birth"><br>
    Telephone: <input type="tel" name="tel" placeholder="Mobile"><br>
    Email: <input type="email" name="email" placeholder="Email" size="35"><br><br>
    <input type="checkbox" name="newsletter" value="yes" checked> สมัครรับข่าวสาร<br>
    <button type="submit">Submit</button>
  </form>
</body>
</html>

ตัวอย่างการใช้งาน (Radio Button)

<form>
  <p>เพศ:</p>
  <input type="radio" name="gender" value="male" checked> ชาย<br>
  <input type="radio" name="gender" value="female"> หญิง<br>
  <input type="radio" name="gender" value="other"> อื่นๆ
</form>

ผลลัพธ์

• Checkbox "สมัครรับข่าวสาร" จะถูกติ๊ก (Checked) อยู่แล้วเมื่อโหลดหน้า
• Radio "ชาย" จะถูกเลือกอยู่แล้ว (เพราะมี checked)

จุดสำคัญ

• ทำงานได้กับ type="checkbox" และ type="radio" เท่านั้น
• ใน Radio Group (name เหมือนกัน) ควรมี checked เพียง 1 ตัวเท่านั้น
• ผู้ใช้สามารถยกเลิก/เปลี่ยนเลือกได้ตามปกติ
• ค่า checked จะส่งไปกับฟอร์มเมื่อ Submit (unchecked จะไม่ส่งค่า checkbox)