مرور کلی وبسایت رسمی
Inputmask یک کتابخانه جاوااسکریپت است که یک ماسک ورودی ایجاد میکند.
ماسکهای ورودی#
یک پلاگین جاوااسکریپت برای ایجاد ماسک در فیلدهای فرم و عناصر HTML.
<!-- ماسکهای ورودی -->
<form action="#">
<div class="mb-3">
<label class="form-label">تاریخ</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00/00/0000">
<span class="fs-13 text-muted">به عنوان مثال "DD/MM/YYYY"</span>
</div>
<div class="mb-3">
<label class="form-label">ساعت</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00:00:00">
<span class="fs-13 text-muted">به عنوان مثال "HH:MM:SS"</span>
</div>
<div class="mb-3">
<label class="form-label">تاریخ و ساعت</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00/00/0000 00:00:00">
<span class="fs-13 text-muted">به عنوان مثال "DD/MM/YYYY HH:MM:SS"</span>
</div>
<div class="mb-3">
<label class="form-label">کد پستی</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00000-000">
<span class="fs-13 text-muted">به عنوان مثال "xxxxx-xxx"</span>
</div>
<div class="mb-3">
<label class="form-label">کد پستی دیوانه</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="0-00-00-00">
<span class="fs-13 text-muted">به عنوان مثال "x-xx-xx-xx"</span>
</div>
<div class="mb-3">
<label class="form-label">پول</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="000.000.000.000.000,00" data-reverse="true">
<span class="fs-13 text-muted">به عنوان مثال "پول شما"</span>
</div>
<div class="mb-3">
<label class="form-label">پول ۲</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="#.##0,00" data-reverse="true">
<span class="fs-13 text-muted">به عنوان مثال "#.##0,00"</span>
</div>
<div class="mb-3">
<label class="form-label">تلفن</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="0000-0000">
<span class="fs-13 text-muted">به عنوان مثال "xxxx-xxxx"</span>
</div>
<div class="mb-3">
<label class="form-label">تلفن با کد منطقه</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="(00) 0000-0000">
<span class="fs-13 text-muted">به عنوان مثال "(xx) xxxx-xxxx"</span>
</div>
<div class="mb-3">
<label class="form-label">تلفن آمریکایی</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="(000) 000-0000">
<span class="fs-13 text-muted">به عنوان مثال "(xxx) xxx-xxxx"</span>
</div>
<div class="mb-3">
<label class="form-label">تلفنهای سیائو پائولو</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="(00) 00000-0000">
<span class="fs-13 text-muted">به عنوان مثال "(xx) xxxxx-xxxx"</span>
</div>
<div class="mb-3">
<label class="form-label">CPF</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="000.000.000-00" data-reverse="true">
<span class="fs-13 text-muted">به عنوان مثال "xxx.xxx.xxxx-xx"</span>
</div>
<div class="mb-3">
<label class="form-label">CNPJ</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00.000.000/0000-00" data-reverse="true">
<span class="fs-13 text-muted">به عنوان مثال "xx.xxx.xxx/xxxx-xx"</span>
</div>
<div class="mb-3">
<label class="form-label">آدرس IP</label>
<input type="text" class="form-control" data-toggle="input-mask" data-mask-format="099.099.099.099" data-reverse="true">
<span class="fs-13 text-muted">به عنوان مثال "xxx.xxx.xxx.xxx"</span>
</div>
</form>