このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

textarea”要素~“autocomplete”属性HTML5で追加

記事Sep. 24th,2020
オートコンプリートの可否を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

autocomplete”属性について

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

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

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

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

指定できる値

属性値 説明
トークンHTML5.1で追加 オートコンプリートで表示されるべき入力候補の種類
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>

*送信すると入力内容が表示されます。
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク