Devdit
 

HTML บังคับกรอกข้อมูลหน้าฟอร์ม ด้วย required

3.1K

สอนภาษา HTML เขียนโค้ดบังคับกรอกข้อมูลหน้าฟอร์ม ด้วย attribute required โดยคำสั่ง required จะใช้งานร่วมกับปุ่มกดแบบ submit เมื่อผู้ใช้งานไม่กรอกข้อมูลจะขึ้น alert พร้อมบังคับกรอกข้อมูลของฟอร์ม สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง HTML บังคับกรอกข้อมูลหน้าฟอร์ม ด้วย required

<form action="<?=$_SERVER['PHP_SELF'];?>" method="POST">
    ชื่อ<br/>
    <input type="text" id="name" required>
    <input type="submit" value="ตกลง">
</form>

คำอธิบาย

1. ใช้ attribute required กับช่องกรอกข้อมูล เพื่อบังคับให้ผู้ใช้งานกรอกข้อมูล โดยคำสั่งนี้สามารถนำไปใช้กับ radio button, checkbox หรือ select box

2. คำสั่ง required ต้องใช้ร่วมกับแท็ก form และปุ่มกดแบบ submit เท่านั้น

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ