readonly属性

input要素のreadonly属性は、input要素を読み取り専用にする属性。

ブラウザ対応

構文

<input readonly>

readonly属性は、論理属性である。

readonly属性が存在する場合、そのinput要素は読み取り専用となり、編集できない。

readonly属性に対応しているinput要素のタイプ（type属性値）

text search tel url email password date time number

サンプルコード

１行テキスト入力欄

<input type="text" value="編集できない値" readonly>

日付入力欄

<input type="date" value="2015:07:27" readonly>

時間入力欄

<input type="time" value="01:22:33" readonly>

サンプル

HTMLソースコード

<p>
	<label>
		１行テキスト入力欄：
		<input type="text" name="sampleName" value="サンプル" readonly>
	</label>
</p>
<p>
	<label>
		日付入力欄：
		<input type="date" value="2015:07:27" readonly>
	</label>
</p>
<p>
	<label>
		時間入力欄：
		<input type="time" value="01:22:33" readonly>
	</label>
</p>

実際の表示