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>

更新時間: 2020 年 6 月 25 日

298 次瀏覽

開啟你的 職業精彩旅程

完成課程即可獲得認證

開始學習
廣告
© . All rights reserved.