“input”要素~“readonly”属性

“readonly”属性について

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

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

• “text”
• “search”
• “url”
• “tel”
• “email”
• “password”
• “date”
• “month”
• “week”
• “time”
• “datetime-local”
• “number”

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

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

指定できる値

属性値は省略できます。

サンプルコード

属性値を省略
<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>

属性値を省略

好きな動物：

送信する

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