HTML5 的自動完成文字輸入?
使用 **autocomplete** 屬性進行自動完成文字輸入。autocomplete 屬性用於表單元素,用於啟用或停用自動完成功能。如果自動完成功能開啟,瀏覽器將根據使用者之前在該欄位中輸入的內容自動顯示值。
如果 autocomplete 功能 關閉,瀏覽器將不會根據使用者之前在該欄位中輸入的內容自動顯示值。
以下是屬性值:
| 序號 | 屬性值 | 描述 |
|---|---|---|
| 1 | on | 這是預設值。瀏覽器會根據使用者之前輸入的內容自動完成值。 |
| 2 | off | 瀏覽器不會根據使用者之前輸入的內容完成值。使用者必須手動輸入值。 |
您可以嘗試執行以下程式碼來學習如何在 HTML 中使用 autocomplete 屬性。要檢查執行以下程式碼,請在輸入型別文字中輸入一些值,然後單擊提交。之後再次填寫欄位並再次執行程式碼,以便在欄位中鍵入值時,您可以看到自動完成的值。這是針對 autocomplete on 值。
對於 autocomplete off 值,Web 瀏覽器不會根據使用者之前輸入的內容完成值。
<!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>
廣告
資料結構
網路
關係資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP