twitter-bootstrap
양식

기본 서식

폼 컨트롤에는 특별한 클래스를 사용하지 않고 기본 스타일이 있습니다.

그러나 최적의 간격을 위해 라벨과 컨트롤을 .form-group 태그로 .form-group 수 있습니다.

<form>
  <div class="form-group">
    <label for="input-email">Email address</label>
    <input type="email" class="form-control" id="input-email" placeholder="Email">
  </div>
  <div class="form-group">
    <label for="input-password">Password</label>
    <input type="password" class="form-control" id="input-password" placeholder="Password">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

읽기 전용 및 비활성 입력

readonly 속성을 추가하여 사용자 입력을 방지하십시오. 읽기 전용 필드는 편집 할 수 없습니다.

<input class="form-control" type="text" placeholder="Readonly input here…" readonly>

disabled 속성을 추가하여 입력 필드를 비활성화하십시오. 자란 필드도 편집 할 수 없습니다. 커서가 더 눈에 띄게 변경됩니다.

<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>