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


使用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

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告