แอตทริบิวต์ที่จำเป็น HTML
ความหมายและการใช้งาน
แอตทริบิวต์requiredนี้เป็นแอตทริบิวต์บูลีน
เมื่อมีอยู่ก็ระบุว่าต้องกรอกองค์ประกอบก่อนส่งแบบฟอร์ม
นำไปใช้กับ
สามารถใช้ แอตทริบิวต์requiredกับองค์ประกอบต่อไปนี้:
| องค์ประกอบ | คุณลักษณะ |
|---|---|
| <input> | ที่จำเป็น |
| <select> | ที่จำเป็น |
| <textarea> | ที่จำเป็น |
ตัวอย่าง
ตัวอย่างอินพุต
แบบฟอร์ม HTML ที่มีช่องป้อนข้อมูลที่จำเป็น:
<form action="/action_page.php">
Username: <input type="text" name="usrname" required>
<input type="submit">
</form>
เลือกตัวอย่าง
แบบฟอร์ม HTML ที่มีรายการดรอปดาวน์ที่จำเป็น:
<select required>
<option value="">None</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
ตัวอย่างพื้นที่ข้อความ
แบบฟอร์มที่มีพื้นที่ข้อความที่ต้องการ:
<form action="/action_page.php">
<textarea name="comment" required></textarea>
<input type="submit">
</form>
รองรับเบราว์เซอร์
แอตทริบิวต์requiredมีการสนับสนุนเบราว์เซอร์ต่อไปนี้สำหรับแต่ละองค์ประกอบ:
| Element | |||||
|---|---|---|---|---|---|
| input | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |
| select | Yes | 10.0 | Yes | Not supported | Yes |
| textarea | 5.0 | 10.0 | 4.0 | Not supported | Yes |