입력 마스크

미리보기

소스

<div class="card overflow-auto">
    <div class="card-status-top bg-dark-overlay"></div>
    <div class="card-header">
        <h3 class="card-title">입력 마스크</h3>
    </div>
    <div class="card-body">
        <div class="mb-3">
            <label class="form-label">날짜</label>
            <input type="text" name="input-mask" class="form-control" data-mask="00/00/0000" data-mask-visible="true" placeholder="00/00/0000" autocomplete="off">
        </div>
        <div class="mb-3">
            <label class="form-label">시간</label>
            <input type="text" name="input-mask" class="form-control" data-mask="00:00:00" data-mask-visible="true" placeholder="00:00:00" autocomplete="off">
        </div>
        <div class="mb-3">
            <label class="form-label">날짜 &amp; 시간</label>
            <input type="text" name="input-mask" class="form-control" data-mask="00/00/0000 00:00:00" data-mask-visible="true" placeholder="00/00/0000 00:00:00" autocomplete="off">
        </div>
        <div class="mb-3">
            <label class="form-label">우편번호</label>
            <input type="text" name="input-mask" class="form-control" data-mask="00000-000" data-mask-visible="true" placeholder="00000-000" autocomplete="off">
        </div>
        <div class="mb-3">
            <label class="form-label">금액</label>
            <input type="text" name="input-mask" class="form-control" data-mask="000.000.000.000.000,00" data-mask-visible="true" placeholder="000.000.000.000.000,00" data-mask-reverse="true" autocomplete="off">
        </div>
        <div class="mb-3">
            <label class="form-label">전화번호</label>
            <input type="text" name="input-mask" class="form-control" data-mask="0000-0000" data-mask-visible="true" placeholder="0000-0000" autocomplete="off">
        </div>
        <div class="mb-3">
            <label class="form-label">지역번호 포함 전화번호</label>
            <input type="text" name="input-mask" class="form-control" data-mask="(00) 0000-0000" data-mask-visible="true" placeholder="(00) 0000-0000" autocomplete="off">
        </div>
        <div class="mb-3">
            <label class="form-label">IP 주소</label>
            <input type="text" name="input-mask" class="form-control" data-mask="099.099.099.099" data-mask-visible="true" placeholder="000.000.000.000" autocomplete="off">
        </div>
    </div>
</div>