HTML5 的自動完成文字輸入?


使用 **autocomplete** 屬性進行自動完成文字輸入。autocomplete 屬性用於表單元素,用於啟用或停用自動完成功能。如果自動完成功能開啟,瀏覽器將根據使用者之前在該欄位中輸入的內容自動顯示值。

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

以下是屬性值:

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


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

對於 autocomplete off 值,Web 瀏覽器不會根據使用者之前輸入的內容完成值。

<!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-06-25

298 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.