기본 텍스트 입력

미리보기

소스

<div class="mb-3">
    <label class="form-label">정적 텍스트</label>
    <div class="form-control-plaintext">입력 값</div>
</div>

<div class="mb-3">
    <label class="form-label">텍스트</label>
    <input type="text" class="form-control" name="example-text-input" placeholder="내용을 입력 하세요">
</div>

<div class="mb-3">
    <label class="form-label">비밀번호</label>
    <input type="text" class="form-control" name="example-password-input" placeholder="비밀번호를 입력 하세요">
</div>

<div class="mb-3">
    <label class="form-label">비활성화</label>
    <input type="text" class="form-control" name="example-disabled-input" placeholder="비활성화됨..." value="이 입력란은 비활성화되었습니다." disabled="">
</div>

<div class="mb-3">
    <label class="form-label">읽기 전용</label>
    <input type="text" class="form-control" name="example-disabled-input" placeholder="읽기 전용..." value="이 입력란은 읽기 전용입니다." readonly="">
</div>

<div class="mb-3">
    <label class="form-label required">필수 입력</label>
    <input type="text" class="form-control" name="example-required-input" placeholder="필수 입력 항목...">
</div>

<div class="mb-3">
    <label class="form-label">텍스트 영역 <span class="form-label-description">56/100</span></label>
    <textarea class="form-control" name="example-textarea-input" rows="6" placeholder="내용..">이곳에 여러 줄의 텍스트를 입력할 수 있습니다. 예시 문장입니다.</textarea>
</div>