Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีระบุให้ <input> ถูกเลือกไว้ล่วงหน้าเมื่อโหลดหน้าใน HTML

ใช้แอตทริบิวต์ checked เพื่อระบุว่า <input> ควรถูกเลือกไว้ล่วงหน้า (pre-selected) เมื่อโหลดหน้า แอตทริบิวต์นี้ทำงานกับ:

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

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ checked ใน HTML:

<!DOCTYPE html> 
<html> 
  <body> 
    <p>คุณชอบกีฬาไหน?</p> 
    <form action="" method="get"> 
      <input type="checkbox" name="vehicle" value="football" checked> ฟุตบอล<br> 
      <input type="checkbox" name="vehicle" value="cricket" checked> คริกเก็ต<br> 
      <input type="checkbox" name="vehicle" value="hockey"> ฮอกกี้<br> 
      <input type="submit" value="ส่ง"> 
    </form> 
  </body> 
</html>

รายละเอียด:

  • สำหรับ checkbox - สามารถ checked หลายตัวได้พร้อมกัน
  • สำหรับ radio - ในกลุ่มเดียว (name เหมือนกัน) ควร checked เพียงตัวเดียว
  • เป็น boolean attribute - มีอยู่ = true, ไม่มี = false