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

Question

我的意思是输入字段需要格式化为四位数的数字集，中间有空格。我知道有很多 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>

标签： htmlcssformsaccessibility

Answer 1

you can use this

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