是否有一种无需使用JavaScript即可格式化信用卡信息输入字段的方法?

问题描述 投票:0回答:1

我的意思是,输入字段需要以四位数的数字集格式设置,并在两者之间留有空格。我知道有很多可以做到这一点的javascript插件,但这是一个可访问性问题,我很惊讶Web标准尚未考虑到这一要求。

credit card formatting

我有一个下面的输入字段,以一些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>
html css forms accessibility
1个回答
-2
投票

您可以使用此

 <input id="cc" type="text" data-inputmask="'mask': '9999 9999 9999 9999'" />
© www.soinside.com 2019 - 2024. All rights reserved.