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

input”要素~“readonly”属性

記事Sep.18th, 2020
入力値を編集できなくする属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

readonly”属性について

readonly”属性はinput”要素で表される入力欄の入力値をユーザーが編集できないようににします。

readonly”属性はtype”属性に以下の値が指定されている場合に使用できます。

readonly”属性が指定された場合、入力欄はフォームの送信時のブラウザによる妥当性のチェックの対象外になります。

disabled”属性が指定された場合と異なり“readonly”属性が指定されたinput”要素は有効なままであるため、フォームが送信されるときに入力値が送信されます。

指定できる値

属性値 説明
readonly 入力値を編集できなくする

属性値は省略できます。

サンプルコード

属性値を省略
<form method="post" action="sample-inputtag9.php" target="_blank">
<fieldset>
<p><label>好きな動物:<input type="text" name="favorite" value="" readonly></p>
</fieldset>
<p><button type="submit">送信する</button></p>
</form>
属性値を省略

*送信すると入力内容が表示されます。
属性値を省略しない
<form method="post" action="sample-inputtag9.php" target="_blank">
<fieldset>
<p><label>好きな動物:<input type="text" name="favorite" value="" readonly="readonly"></p>
</fieldset>
<p><button type="submit">送信する</button></p>
</form>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク