HTML input ห้ามว่าง บังคับกรอกข้อมูล

HTML input ห้ามว่าง บังคับกรอกข้อมูล บทความนี้สอนใช้ attribute required ใช้สำหรับบังคับให้ผู้ใช้งานใส่ข้อมูลลง input ชนิดต่างๆ โดย input ห้ามว่าง ต้องใส่ข้อมูล เป็นความสามารถของ HTML5 สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง HTML input ห้ามว่าง บังคับกรอกข้อมูล

<form>
    <input type="text" placeholder="กรอกชื่อ" id="name" required>
    <input type="submit" value="ตกลง">
</form>

HTML input ห้ามว่าง จากตัวอย่างสร้างฟอร์มพร้อมช่อง input text กำหนด attribute required เมื่อผู้ใช้งานกดปุ่ม submit โดยที่ยังไม่ได้กรอกข้อมูล โปรแกรมจะแสดง alert พร้อมข้อความแจ้งเตือนให้กรอกข้อมูล เพื่อกำหนดให้ input ห้ามว่าง เป็นคุณสมบัติของ HTML5