Html input aa/yy | Cevap #7130

Merhaba kredi kartı bilgilerini girerken
kart numarasında 4 haneden sonra boşluk bıraktırmak istiyorum
Son kullanma tarihin de 22 / 44 gibi yaptırmak istiyorum nası yapabilrim

<div class="card">
<div class="cart_m">
<div class="card_label">Kart Numarası</div>
<div class="card_wrap">
<input class="field__input" type="tel" name="card" placeholder="XXXX XXXX XXXX XXXX" required>
</div>
</div>
<div class="cart_m">
<div class="card_label">Kart Üzerindeki İsim</div>
<div class="card_wrap">
<input class="field__input" type="text" name="holder" placeholder="Kart Üzerindeki İsim" required>
</div>
</div>
<div class="checkout__row">
<div class="cart_m">
<div class="card_label">Son Kullanma Tarihi</div>
<div class="card_wrap">
<input class="field__input" type="tel"  name="date"  placeholder="AA / YY" required>
</div>
</div>
<div class="cart_m">
<div class="card_label">CVC</div>
<div class="card_wrap">
<input class="field__input" type="tel" name="cvc" placeholder="CVC" required>
</div>
</div>
</div>
</div>