ฟอร์มสมัครสั้นพร้อม required

รวม type หลายแบบ

<form action="#" method="post">
  <p>
    <label for="reg-name">ชื่อ</label>
    <input id="reg-name" name="name" type="text" required>
  </p>
  <p>
    <label for="reg-email">อีเมล</label>
    <input id="reg-email" name="email" type="email" required>
  </p>
  <p>
    <label for="reg-pass">รหัสผ่าน</label>
    <input id="reg-pass" name="password" type="password" required>
  </p>
  <button type="submit">สมัคร</button>
</form>

ผลลัพธ์ที่คาดหวัง

กดสมัครโดยไม่กรอก — เบราว์เซอร์ควรเตือนช่องที่ required