Question

是否有任何方法可以将格式添加到用户必须使用的输入标签中。例如，我希望用户输入以下格式的文本：

int：int

或

2：1

是否可以使用html而不用javascript编写验证代码来实现此目的？

编辑：我愿意使用额外的库

Answer 1

您可以添加使用正则表达式验证输入格式的属性pattern=""。在您的情况下，如果要在任何整数后面加上“：”，然后再加上其他整数，则解决方案是：

<input pattern="\d+[:]\d+" title="{message_text}" />

编辑：添加了title=""属性

Answer 2

您可以通过在HTML中添加v-model.numer=“”来使用Vue.js。这将使用Vue，一个外部库将为您处理所有问题。

对于普通HTML，您也可以在输入标签中使用type=“number”，大多数浏览器都支持。那些不默认的将默认为文本类型。此处更多信息：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number