向HTML输入标记添加格式
向HTML输入标记添加格式
提问于 2018-07-29 01:19:31
有没有办法将格式添加到用户必须使用的输入标记中。例如，我希望用户输入以下格式的文本：
int:int
或
2:1
有没有办法在html中做到这一点而不用javascript编写验证代码呢？
编辑:我愿意使用额外的库
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-07-29 01:25:33
您可以添加一个属性pattern=""，它使用正则表达式来验证输入格式。在您的示例中，如果您希望任何整数后跟':‘，然后是其他整数，则解决方案为：
<input pattern="\d+[:]\d+" title="{message_text}" />编辑:添加title=""属性
Stack Overflow用户
发布于 2018-07-29 01:23:07
您可以通过在html中添加v-model.numer=“”来对Vue.js执行此操作。这将使用Vue，这是一个外部库，可以为您处理所有这些问题。
对于vanilla HTML，还可以在输入标记中使用type=“number”，大多数浏览器都支持这一点。不支持的将默认为文本类型。更多信息请点击此处：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51573622
复制相关文章
相似问题