แอตทริบิวต์การเติมข้อความอัตโนมัติ HTML
ความหมายและการใช้งาน
แอตทริบิวต์
autocompleteระบุว่าแบบฟอร์มหรือช่องป้อนข้อมูลควรมีการเปิดหรือปิดการเติมข้อความอัตโนมัติ
การเติมข้อความอัตโนมัติทำให้เบราว์เซอร์สามารถคาดเดาค่าได้ เมื่อผู้ใช้เริ่มพิมพ์ในฟิลด์ เบราว์เซอร์ควรแสดงตัวเลือกเพื่อกรอกข้อมูลในฟิลด์ ตามค่าที่พิมพ์ก่อนหน้านี้
เคล็ดลับ:เป็นไปได้ที่จะมีการเติมข้อความอัตโนมัติ "เปิด" สำหรับแบบฟอร์ม และ "ปิด" สำหรับฟิลด์ป้อนข้อมูลเฉพาะ หรือในทางกลับกัน
หมายเหตุ:แอตทริบิวต์
autocompleteใช้ได้กับ
<input>ประเภทต่อไปนี้: text, search, url, tel, email, password, datepickers, range, and color
นำไปใช้กับ
สามารถใช้ แอตทริบิวต์
autocompleteกับองค์ประกอบต่อไปนี้:
| องค์ประกอบ | คุณลักษณะ |
|---|---|
| <แบบฟอร์ม> | เติมข้อความอัตโนมัติ |
| <input> | เติมข้อความอัตโนมัติ |
ตัวอย่าง
ตัวอย่างแบบฟอร์ม
แบบฟอร์มที่มีการเติมข้อความอัตโนมัติเมื่อ:
<form action="/action_page.php" method="get" autocomplete="on">
First name:<input type="text" name="fname"><br>
E-mail: <input type="email" name="email"><br>
<input type="submit">
</form>
ตัวอย่างอินพุต
แบบฟอร์ม HTML ที่มีการเติมข้อความอัตโนมัติ (และปิดสำหรับช่องป้อนข้อมูลเดียว):
<form action="/action_page.php" autocomplete="on">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form>
รองรับเบราว์เซอร์
แอตทริบิวต์autocompleteมีการสนับสนุนเบราว์เซอร์ต่อไปนี้สำหรับแต่ละองค์ประกอบ:
| Element | |||||
|---|---|---|---|---|---|
| form | Yes | Yes | 4.0 | 5.2 | 15.0 |
| input | 17.0 | 5.0 | 4.0 | 5.2 | 9.6 |