learn to code at QUEST logo
  • Home

Basic HTML and HTML5:Use HTML5 to Require a Field

คุณสามารถตั้งการขอข้อมูลเฉพาะ(เชิงบังคับกรอก)ในแบบฟอร์มได้ เพื่อที่ผู้ใช้งานจะไม่สามารถส่งข้อมูล ได้จนกว่าจะกรอกข้อมูลที่ขอเฉพาะเอาไว้

ตัวอย่าง ถ้าคุณต้องการสร้าง ช่องใส่ข้อมูลเฉพาะ คุณแค่เพิ่มคุณลักษณะ required ภายในส่วนประกอบ input element, แบบนี้: <input type="text" required>


ให้ลองสร้าง ช่อง input a required field, เพื่อให้ผู้ใช้งานไม่สามารถส่งข้อมูลได้ หากกรอกข้อมูลไม่สมบูรณ์

แล้วลองกดส่งแบบฟอร์มโดยไม่ใส่ข้อมูลอะไรเลย คราวนี้ลองดูว่าแบบฟอร์ม HTML5 ของคุณจะแจ้งเตือนว่าให้กรอกข้อมูลขอเฉพาะเอาไว้หรือไม่ ?

Initial
องค์ประกอบ input ข้อความของคุณควรมีแอตทริบิวต์ required