有没有办法在不使用 javascript 的情况下格式化信用卡信息的输入字段？

Question

I mean the input field needs to be formatted in numeric sets of four digits with a space in between. I know a bunch of javascript plugins that do it but this is an accessibility issue and I'm surprised that this requirement hasn't been considered by web standards yet.

I have the following input field with some CSS to start with… if it helps or if someone has been down this path before:

 form.order>input.card { border: 0; padding: 2.5vmin 5vmin; border-radius: 10vmin; background-color: transparent; color: #111111; outline: 0; font-size: 1em; width: 60vmin; border: 1px solid violet; }

 <form class="order"> <input class="card" type="number" placeholder="xxxx xxxx xxxx xxxx" /> </form>

Answer 1

你可以用这个

 <input id="cc" type="text" data-inputmask="'mask': '9999 9999 9999 9999'" />