autocomplete属性

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

ブラウザ対応

構文

<input autocomplete="on/off">

on/off （autocomplete属性値）

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

autocomplete属性に対応しているinput要素のタイプ（type属性値）

text search tel url email password date time number range color

サンプルコード

オートコンプリート有効

<input autocomplete="on">

オートコンプリート無効

<input autocomplete="off">

サンプル

オートコンプリート有効

HTMLソースコード
<form action="sample-form.php" method="post" target="_blank">
	<p>
		<label>
			オートコンプリート有効：
			<input name="sampleInput" autocomplete="on">
		</label>
	</p>
	<p>
		<input type="submit">
	</p>
</form>
実際の表示

オートコンプリート無効

HTMLソースコード
<form action="sample-form.php" method="post" target="_blank">
	<p>
		<label>
			オートコンプリート無効：
			<input name="sampleInput" autocomplete="off">
		</label>
	</p>
	<p>
		<input type="submit">
	</p>
</form>
実際の表示