HTML
autocomplete屬性

<form>元素的autocomplete屬性允許你設定表單的自動完成功能是否開啟或關閉。如果自動完成功能開啟，Web瀏覽器會自動填寫這些值。但前提是使用者之前已輸入過這些值。

以下是語法

<form autocomplete="on|off">

上面on | off值用於設定autocomplete是否顯示。如果希望瀏覽器根據之前輸入的值完成輸入，請設定on；而off不允許完成輸入。

接下來，我們透過一個例項來實現<form>元素的autocomplete屬性

例項

 線上演示

<!DOCTYPE html>
<html>
<body>
<h2>Points</h2>
<form action="" method="get" autocomplete="on">
   Player: <input type="text" name="player"><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>

這將產生以下輸出。假設我們之前已在表單中輸入了一些值。

因為我們設定了autocomplete為on，所以現在這些值都會顯示

現在，將游標放在文字內。將顯示你之前輸入過的以下值。這些值之所以可見，是因為我們設定了autocomplete為on

更新於：30-Jul-2019

109 次瀏覽

開啟您 職業生涯

透過完成該課程獲得認證

開始
廣告
© . All rights reserved.