如何在
元素中啟用自動完成?


使用autocomplete屬性可以在HTML表單中啟用自動完成。autocomplete屬性用於表單元素,以開啟或關閉自動完成功能。如果autocomplete功能開啟,瀏覽器會根據使用者之前在欄位中輸入的內容自動顯示值。

如果autocomplete功能關閉,瀏覽器不會根據使用者之前在欄位中輸入的內容自動顯示值。使用者必須手動輸入值。

以下是屬性值:

序號
屬性值
描述
1
on
這是預設值。瀏覽器會根據使用者之前輸入的內容自動完成值。
2
off
瀏覽器不會根據使用者之前輸入的內容自動完成值。使用者必須輸入值。

您可以嘗試執行以下程式碼,學習如何在 HTML 中使用 autocomplete 屬性。要檢查以下程式碼的執行情況,請在輸入型別文字中輸入一些值,然後單擊“提交”。之後再次填寫欄位並再次執行程式碼,這樣在欄位中輸入值時,您就可以看到自動完成的值。這是針對 autocomplete on 值。

示例

您可以嘗試執行以下程式碼,以指定<form>或<input>元素是否應在 HTML 中啟用自動完成:

<!DOCTYPE html>
<html>
   <head>
      <title>HTML textarea Tag</title>
   </head>
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get" autocomplete="on">
         Full Name
         <br>
         <input type = "text" name = "fname">
         <br>
         <input type = "submit" value = "submit" />
      </form>
   </body>
</html>

更新於:2020年6月24日

瀏覽量:113

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告