แอตทริบิวต์ required

แอตทริบิวต์ required ระบุว่า องค์ประกอบ ฟอร์ม HTML นี้ ต้องได้รับการกรอกข้อมูล

ควรใช้แอตทริบิวต์นี้กับแท็ก input หรือ textarea

เมื่อพยายามส่งฟอร์มหากฟิลด์ที่มีแอตทริบิวต์นี้ ไม่ได้กรอกข้อมูล - เบราว์เซอร์จะไม่อนุญาตให้ส่งฟอร์มและจะแสดง ข้อผิดพลาดในรูปแบบของคำแนะนำป๊อปอัป แต่น่าเสียดายที่ ข้อความข้อผิดพลาดและรูปลักษณ์ไม่สามารถเปลี่ยนแปลงได้โดยใช้ HTML หรือ CSS

โปรดทราบว่าการมีแอตทริบิวต์ required ไม่ได้ทำให้คุณปลอดภัยจากการตรวจสอบความถูกต้อง ของการกรอกฟอร์มจากฝั่งเซิร์ฟเวอร์ด้วย PHP (เนื่องจากสามารถเลี่ยงการป้องกันผ่านแอตทริบิวต์ได้ง่าย)

ตัวอย่าง

มาเพิ่มแอตทริบิวต์ required ให้กับแท็ก input ลองกดปุ่มเพื่อส่งฟอร์มโดยไม่ป้อน อะไรเลยในฟิลด์ เบราว์เซอร์จะไม่อนุญาตให้ส่ง ฟอร์ม จะเพิ่มเงาให้อินพุตและแสดงข้อความ ข้อผิดพลาด:

html<form action="">
  <input type="text" placeholder="ป้อนบางอย่าง" required>
  <input type="submit">
</form>

Результат:

ดูเพิ่มเติม