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

วิธีใช้ Checkbox ใน HTML5 ให้ถูกต้อง

รูปแบบมาตรฐานของ Checkbox

<input name="your_name" value="your_value" type="checkbox">

ตัวอย่างสมบูรณ์

<!DOCTYPE html>
<html>
<head>
  <title>Checkbox Control</title>
</head>
<body>
  <form>
    <input type="checkbox" name="maths" value="on"> วิชาคณิตศาสตร์
    <input type="checkbox" name="physics" value="on"> วิชาฟิสิกส์
  </form>
</body>
</html>

จุดสำคัญ: ค่า value จะถูกส่งเมื่อ checkbox ถูกติ๊ก หากไม่ระบุ value จะส่งค่า "on" โดยอัตโนมัติในบางเบราว์เซอร์ แต่อาจแตกต่างกัน ควรระบุ value ให้ชัดเจนเสมอ