読み取り専用 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>