플로팅 라벨 입력

미리보기

소스

<div class="mb-3">
    <label class="form-label">플로팅 라벨 입력</label>
    <div class="form-floating mb-3">
        <input type="email" class="form-control" id="floating-input" value="name@example.com" autocomplete="off">
        <label for="floating-input">이메일 주소</label>
    </div>
    <div class="form-floating mb-3">
        <input type="password" class="form-control" id="floating-password" value="Password" autocomplete="off">
        <label for="floating-password">비밀번호</label>
    </div>
    <div class="form-floating">
        <select class="form-select" id="floatingSelect" aria-label="Floating label select example">
            <option selected="">이 선택 메뉴를 여세요</option>
            <option value="1">옵션 1</option>
            <option value="2">옵션 2</option>
            <option value="3">옵션 3</option>
        </select>
        <label for="floatingSelect">선택</label>
    </div>
</div>