Bootstrap3
日本語リファレンス

広告

読み取り専用  Readonly state


readonly属性で読み取り専用(入力無効)化したフォーム部品のスタイル。

サンプル
ソースコード
<form class="form-horizontal">
	<div class="form-group">
		<label class="col-sm-2 control-label" for="InputText">1行テキスト入力欄</label>
		<div class="col-sm-10">
			<input type="text" class="form-control" id="InputText" value="読み取り専用" readonly>
		</div>
	</div>
	<div class="form-group">
		<label class="col-sm-2 control-label" for="InputText">複数行テキスト入力欄</label>
		<div class="col-sm-10">
			<textarea class="form-control" id="InputTextarea" readonly>読み取り専用</textarea>
		</div>
	</div>
</form>

広告