我的意思是,输入字段需要以四位数的数字集格式设置,并在两者之间留有空格。我知道有很多可以做到这一点的javascript插件,但这是一个可访问性问题,我很惊讶Web标准尚未考虑到这一要求。
我有一个下面的输入字段,以一些CSS开头……如果有帮助,或者以前有人走过这条路:
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>
您可以使用此
<input id="cc" type="text" data-inputmask="'mask': '9999 9999 9999 9999'" />