“textarea”要素~“autocomplete”属性

“autocomplete”属性について

“autocomplete”属性は“textarea”要素で表される入力欄への入力時のブラウザーによるオートコンプリートの可否とオートコンプリートによって表示されるべき入力候補の種類を指定します。

“autocomplete”属性はユーザーによる入力が期待される情報の種類を示し、ブラウザは“autocomplete”属性の値を参考にして入力候補を表示します。値が“on”の場合は単純にオートコンプリートをして良いということを示し、どのような入力候補を表示するかはブラウザが判断します。

“autocomplete”属性の値が“off”である場合はオートコンプリートをしないことをブラウザに求めます。ただし、場合によってはこの値はブラウザに無視されます。

“autocomplete”属性を省略した場合は“form”要素の“autocomplete”属性の値を継承します。“form”要素にも“autocomplete”属性を指定しない場合の既定値はオートコンプリートを行う“on”です。

指定できる値

属性値	説明
トークン	オートコンプリートで表示されるべき入力候補の種類
on	オートコンプリートを行う
off	オートコンプリートを行わない

サンプルコード

オートコンプリートを行う

<form method="post" action="sample-textareatag1.php" target="_blank">

<fieldset>

<p>

<label>

猫が好きですか？：
<textarea name="comment" autocomplete="on"></textarea>

</label>

</p>

</fieldset>
<p><input type="submit" value="送信する"></p>

</form>

猫が好きですか？：

＊送信すると入力内容が表示されます。

オートコンプリートを行わない

<form method="post" action="sample-textareatag1.php" target="_blank">

<fieldset>

<p>

<label>

猫が好きですか？：
<textarea name="comment" autocomplete="off"></textarea>

</label>

</p>

</fieldset>
<p><input type="submit" value="送信する"></p>

</form>

猫が好きですか？：

＊送信すると入力内容が表示されます。