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 輸入型別上時,你將能夠看到之前輸入的值。

更新時間: 30-07-2019

212 次瀏覽

開啟你的事業

完成該課程認證

開始
廣告