HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <form> autocomplete 属性

autocomplete属性は、フォームに自動完成機能を有効にするか無効にするかを指定します。autocomplete機能を有効にすると、ブラウザはユーザーが以前に入力した値に基づいて自動的にフォームを完成させます。

オンラインサンプル

自動完成機能を有効にしたフォーム：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　<form>　autocomplete　属性の使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<form　action="action_page.php"　method="get"　autocomplete="on">
　　First name:<input　type="text"　name="fname"><br>
　　E-mail:　<input　type="email"　name="email"><br>
　　<input　type="submit">
</form>
<p>フォームを入力して送信し、ページを再読み込みして再度フォームに入力を開始します-並查看autocompleteの動作原理。それから、autocomplete機能を「オフ」に設定しよう。</p>
</body>
</html>

テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Opera以外の主要ブラウザは、autocomplete属性をサポートしています。

定義と使用法

autocomplete属性は、フォームが自動完了機能を有効にするか無効にするかを指定します。
autocomplete機能を有効にすると、ブラウザはユーザーが以前に入力した値に基づいて自動的にフォームを完成します。
ヒント：フォームの「自動完了」を「on」に設定し、特定の入力フィールドの自動完了を「off」に設定することができます。逆も然りです。

HTML 4.01 とHTML5の間の違い

autocomplete属性はHTML5 の新しい属性。

構文

<form autocomplete="on|off">

属性値

値	説明
on	デフォルト。自動完了機能を有効に設定します。ブラウザはユーザーが以前に入力した値に基づいて自動的に値を完了します。
off	自動完了機能を無効に設定します。ユーザーは、各フィールドに値を入力するたびに手動で値を入力する必要があります。ブラウザは自動的に入力を完了しません。

　HTML <form> タグ

HTML: <template> タグ