”区号“输入框的正确打开方式

前言

在编写表单时经常会出现区号字段,因为区号是一串数字,所以开始想到要用<input type="number">,但是可能会有其他问题。

用法

1
<input type="number">

之所以会使用type=”number”,是这样可以利用浏览器的自动校验,并在移动设备上触发用户体验更好的更有用的基于数字的键盘。
但是这样的问题是,对于区号来说type=”number”是有问题的,因为区号可以有(例如,浙江杭州0571)。 所以可以使用的。

1
<input type="text" inputmode="numeric" pattern="^/d$">

有人提到试图劫持type=“tel”,但这有其缺点,例如拒绝正确格式化的4位数区号。

因此,虽然区号看起来像数字,但最好还是将其视为字符串。