บังคับใส่ข้อมูล input text ด้วย required - HTML

required  คือ คำสั่งบังคับให้ผู้ใช้งานต้องใส่ข้อมูลในช่องกรอกข้อมูล หรือ input ของ HTML เมื่อเวลากดปุ่ม Submit Form โดยคำสั่ง required สามารถนำไปใช้กับ input ต่างๆ ได้ เช่น Text, TextArea, RadioBox, Checkbox, SelectBox เป็นต้น สามารถเขียนคำสั่งได้ดังนี้

ตัวอย่าง required กับ input text

<input type="text" required>

ตัวอย่าง required กับ textarea

<textarea required></textarea>

ตัวอย่าง required กับ radio

<input type="radio" name="sex" required>
<input type="radio" name="sex" required>

ตัวอย่าง required กับ Checkbox

<input type="checkbox" required>

ตัวอย่าง required กับ SelectBox

<select required>
<option>PHP</option>
<option>HTML</option>
</select>  

หมายเหตุ

จากโค้ดด้านบนทั้งหมดเวลานำไปใช้งานต้องมีเงื่อนไข 2 ข้อ คือ

1. ต้องอยู่ภายในแท็ก form ของ HTML

2. ต้องใช้ปุ่มแบบ Submit (input type submit)

<form action="<?=$_SERVER['PHP_SELF'];?>" method="POST">
<!-- ใส่โค้ดที่ต้องการในนี้ -->
<input type="submit">
</form>