如何停用 Google Chrome 自動填充選項?


要停用自動填充選項,特別是在 Google Chrome 上,請使用 autocomplete 屬性並將其設定為 -

autocomplete="chrome-off"

我們將看到一個 HTML 表單,對於我們將停用自動填充的欄位,首先進行表單 -

<form action="/action_page.php" method="get" autocomplete="chrome-off">
   <!- - -
   - ->
</form>

現在,停用每種輸入型別的自動填充 -

<input type="text" name="firstname" placeholder="Enter First Name" autocomplete="chrome-off">
<input type="text" name="lastname" placeholder="Enter Last Name" autocomplete="chrome-off">
<input type="submit" value="SUBMIT" class="btn" autocomplete="chrome-off">

示例

讓我們看一個示例 -

<!DOCTYPE html>
<html>
<style>
   input {
      width: 315px;
      display: block;
      margin: 1rem auto;
      padding: 8px;
      border-radius: 20px;
      outline: none;
   }

   ::placeholder {
      color: #000;
   }

   .btn {
      background: black;
      border: none;
      height: 2rem;
      border-radius: 20px;
      width: 330px;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
</style>
<body>
   <h1>Details</h1>
   <form action="/action_page.php" method="get"  autocomplete="chrome-off">
      <input type="text" name="firstname" placeholder="Enter First Name" autocomplete="chrome-off">
      <input type="text" name="lastname" placeholder="Enter Last Name" autocomplete="chrome-off">
      <input type="submit" value="SUBMIT" class="btn" autocomplete="chrome-off">
   </form>
</body>
</html>

輸出

在上面輸入一些值。

由於我們在上面停用了 Google Chrome 上的自動填充,下次你填寫表單時 FirstName 和 LastName 值將不可見。

更新於: 06-12-2022

4K+ 瀏覽量

開啟你的 職業生涯

完成課程即可獲得認證

開始
廣告