HTMLautocomplete 屬性
<input> 元素的 autocomplete 屬性允許你設定輸入的自動完成功能是否開啟或關閉。如果自動完成功能開啟,網路瀏覽器將自動填充值。這僅在使用者之前已輸入值時才會發生。
以下是語法 −
<input autocomplete="on|off">
上文中的 on | off 值用於設定是否顯示自動完成。如果你希望瀏覽器根據之前輸入的值完成條目,則設定 on;而 off 則不允許完成條目。
現在讓我們看一個如何實現 <input> 元素的 autocomplete 屬性的示例 −
示例
<!DOCTYPE html> <html> <body> <h2>Points</h2> <form action = "" method = "get"> Player − <input type = "text" name = "player" autocomplete = "on"><br> Rank − <input type = "number" name = "rank"><br> Points − <input type = "number" name = "pts"><br> <button type = "submit" value = "Submit">Submit</button> </form> </body> </html>
這將產生以下輸出。我們之前輸入了一些值,現在我們已設定自動完成 −
在上述示例中,我們添加了一個表單 −
<form action = "" method = "get"> Player − <input type = "text" name = "player" autocomplete = "on"><br> Rank − <input type = "number" name = "rank"><br> Points − <input type = "number" name = "pts"><br> <button type = "submit" value = "Submit">Submit</button> </form>
我們已將一個 input 設定為 on 的自動完成 −
Player − <input type = "text" name = "player" autocomplete = "on">
因此,當你將游標放在 Player 輸入型別上時,你將能夠看到之前輸入的值。
廣告