autocomplete属性

form要素のautocomplete属性は、オートコンプリートを有効にするか無効にするかを指定する属性。

ブラウザ対応

構文

<form autocomplete="on/off"></form>

on/off （autocomplete属性値）

on
オートコンプリートを有効にする。
初期設定値。
off
オートコンプリートを無効にする。

要点

  • form要素のautocomplete属性は、オートコンプリートを有効にするか無効にするかを指定する属性である。
  • autocomplete属性は、HTML5にて新たに導入された属性である。

サンプルコード

on

<form action="sample.php" autocomplete="on">
	<p>入力欄： <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

off

<form action="sample.php" autocomplete="off">
	<p>入力欄： <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

サンプル

on

HTMLソースコード
<form action="sample-form.php" method="post" target="_blank" autocomplete="on">
	<p>サンプル入力欄： <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>
実際の表示

サンプル入力欄：

off

HTMLソースコード
<form action="sample-form.php" method="post" target="_blank" autocomplete="off">
	<p>サンプル入力欄： <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>
実際の表示

サンプル入力欄：