HTML5 的自動完成文字輸入?
對於自動完成文字輸入,請使用 autocomplete 屬性。 autocomplete 屬性與表單元素一起使用,用於開啟或關閉自動完成功能。如果已開啟自動完成功能,則瀏覽器會根據此前使用者在此欄位中輸入的內容自動顯示值。
如果已關閉autocomplete 功能,則瀏覽器不會根據此前使用者在此欄位中輸入的內容自動顯示值。
以下為屬性值 −
| 序列號 | 屬性值 | 說明 |
|---|---|---|
| 1 | on | 這是預設值。瀏覽器會根據此前使用者輸入的內容自動完成值。 |
| 2 | off | 瀏覽器不會根據此前使用者輸入的內容完成值。使用者必須輸入值。 |
你可以嘗試執行以下程式碼,瞭解如何在 HTML 中使用 autocomplete 屬性。要檢查下方程式碼的執行情況,在輸入型別文字中輸入一些值,並單擊“提交”。之後,再次填寫欄位並再次執行程式碼,這樣在欄位中輸入值時,你可以看到自動完成值。這是針對值進行的自動完成。
對於自動完成off 值,網路瀏覽器不會根據此前使用者輸入的內容完成值。
<!DOCTYPE html> <html> <head> <title> HTML autocomplete attribute</title> </head> <body> <form action = "" method = "get" autocomplete="on"> Details:<br><br> Student Name<br><input type="name" name="sname"><br> Training week<br><input type="week" name="week"><br> <input type="submit" value="Submit"> </form> </body> </html>
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP