javascript - キャッシュされた入力 (テキスト型) 値の編集をキャンセル/無効にする方法は?

Question

type の入力がありtext、そこからすでに値を入力1234
しており、以下に示すようにキャッシュに保存されています。

ここでの問題は、次の行のテキスト ボックスを選択するのが非常にイライラすることです。

12334HTMLマークアップまたはjavascriptを介して表示されることから(スクリーンショットで強調表示されている)それを表示しない方法はありますか?

Answer 1

@Johnが指摘したように、最新のブラウザーではHTML5 の有効な autocomplete属性を使用できます。スクリーンショットには多くのテキストボックスが表示されます。フォーム全体でオートコンプリートを無効にしたい場合は、この属性をform要素に直接設定できます。

<form name="form1" id="form1" method="post" autocomplete="off"
  action="http://www.example.com/form.action">
[...]
</form>

より詳しい情報：

• フォームのオートコンプリートをオフにする方法

Answer 2

<input type="text" name="input" autocomplete="off" />

Answer 3

これをすべての入力コントロールに適用するには、次のコードを記述します (jQuery を使用)。

$(document).ready(function () {
    $('input[type=text], input[type=password]').attr('autocomplete', 'off');
});