HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML入力フィールドのオートコンプリートを無効にする方法は?


入力フィールドのオートコンプリートを無効にするには、コードは次のとおりです-

<!DOCTYPE html>
<html>
<head>
<style>
   input{
      font-size: 18px;
      padding: 10px;
      margin: 10px;
      border:1px solid grey;
   }
</style>
</head>
<body>
<h1>Autocomplete on/off Example</h1>
<form>
First name: <input type="text" name="firstName" autocomplete="off"><br>
Last name: <input type="text" name="lastName" autocomplete="on"><br>
<input type="submit">
</form>
<h2>Type in the above fields and refresh page to see autocomplete at work</h2>
</body>
</html>

出力

上記のコードは次の出力を生成します-

HTML入力フィールドのオートコンプリートを無効にする方法は?

フォームを1回送信した後、上記のフィールドに何かを入力すると-

HTML入力フィールドのオートコンプリートを無効にする方法は?


  1. HTMLで年入力タイプを使用するにはどうすればよいですか?

    月の入力タイプは、HTMLでを使用して使用されます。これを使用して、ユーザーが月と年を選択できるようにします。しかし、年のポップアップのみを表示したい場合はどうなりますか?ええと、年の入力タイプは利用できません。 年の入力タイプを使用するには、jQueryを使用してdatepickerを追加します。テキスト入力タイプで使用されます。プログラムを実行すると、年のみが表示されます。 次のコードを実行して、入力タイプを使用して年を設定する方法を学ぶことができます 例 <html>    <head>       &l

  2. HTML<入力>オートコンプリート属性

    要素のオートコンプリート属性を使用すると、入力のオートコンプリートをオンにするかオフにするかを設定できます。オートコンプリートがオンの場合、Webブラウザは自動的に値を入力します。これは、ユーザーが以前にすでに値を入力した場合にのみ発生します。 以下は構文です- <input autocomplete="on|off"> 上記、 on |オフ オートコンプリートが表示されるかどうかの値が設定されます。ブラウザが以前に入力された値に基づいてエントリを完了するようにしたい場合はオンに設定しますが、オフにするとエントリを完了できません。 要素-のオートコンプリー