แอตทริบิวต์ required
แอตทริบิวต์ required ระบุว่า
องค์ประกอบ ฟอร์ม HTML นี้
ต้องได้รับการกรอกข้อมูล
ควรใช้แอตทริบิวต์นี้กับแท็ก input
หรือ textarea
เมื่อพยายามส่งฟอร์มหากฟิลด์ที่มีแอตทริบิวต์นี้ ไม่ได้กรอกข้อมูล - เบราว์เซอร์จะไม่อนุญาตให้ส่งฟอร์มและจะแสดง ข้อผิดพลาดในรูปแบบของคำแนะนำป๊อปอัป แต่น่าเสียดายที่ ข้อความข้อผิดพลาดและรูปลักษณ์ไม่สามารถเปลี่ยนแปลงได้โดยใช้ HTML หรือ CSS
โปรดทราบว่าการมีแอตทริบิวต์ required
ไม่ได้ทำให้คุณปลอดภัยจากการตรวจสอบความถูกต้อง
ของการกรอกฟอร์มจากฝั่งเซิร์ฟเวอร์ด้วย
PHP (เนื่องจากสามารถเลี่ยงการป้องกันผ่านแอตทริบิวต์ได้ง่าย)
ตัวอย่าง
มาเพิ่มแอตทริบิวต์ required ให้กับแท็ก
input
ลองกดปุ่มเพื่อส่งฟอร์มโดยไม่ป้อน
อะไรเลยในฟิลด์ เบราว์เซอร์จะไม่อนุญาตให้ส่ง
ฟอร์ม จะเพิ่มเงาให้อินพุตและแสดงข้อความ
ข้อผิดพลาด:
<form action="">
<input type="text" placeholder="ป้อนบางอย่าง" required>
<input type="submit">
</form>
:
ดูเพิ่มเติม
-
แอตทริบิวต์
pattern,
ซึ่งช่วยให้สามารถตรวจสอบความถูกต้องของอินพุตได้
