HTML <input> แอตทริบิวต์เติมข้อความอัตโนมัติ
ตัวอย่าง
แบบฟอร์ม HTML ที่มีการเติมข้อความอัตโนมัติ (และปิดสำหรับช่องป้อนข้อมูลเดียว):
<form action="/action_page.php" autocomplete="on">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<label
for="email">Email:</label>
<input type="email" id="email"
name="email" autocomplete="off"><br><br>
<input type="submit">
</form>
ความหมายและการใช้งาน
แอตทริบิวต์autocompleteระบุว่าช่องป้อนข้อมูลควรเปิดใช้งานการเติมข้อความอัตโนมัติหรือไม่
การเติมข้อความอัตโนมัติทำให้เบราว์เซอร์สามารถคาดเดาค่าได้ เมื่อผู้ใช้เริ่มพิมพ์ในฟิลด์ เบราว์เซอร์ควรแสดงตัวเลือกเพื่อกรอกข้อมูลในฟิลด์ ตามค่าที่พิมพ์ก่อนหน้านี้
หมายเหตุ:แอตทริบิวต์autocompleteใช้งานได้กับประเภทอินพุตต่อไปนี้: text, search, url, tel, email, password, datepickers, range และ color
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์อย่างเต็มที่
| Attribute | |||||
|---|---|---|---|---|---|
| autocomplete | 17.0 | 6.0 | 2.0 | 5.1 | 10.0 |
เคล็ดลับ:ในบางเบราว์เซอร์ คุณอาจต้องเปิดใช้งานฟังก์ชันเติมข้อความอัตโนมัติเพื่อให้ใช้งานได้ (ดูใน "การตั้งค่า" ในเมนูของเบราว์เซอร์)
ไวยากรณ์
<input autocomplete="on|off">
ค่าแอตทริบิวต์
| Value | Description |
|---|---|
| on | Default. Specifies that autocomplete is on (enabled) |
| off | Specifies that autocomplete is off (disabled) |
❮ แท็ก HTML <input>