css - 如何通过 CSS 设置输入字段的最大整数值?

标签 css validation web frontend

我可以在不使用 JavaScript 的情况下为数字字段设置最大值吗?我可以用纯 CSS 设置这种“验证”吗? 感谢您的帮助!

最佳答案

你需要在你的 CSS 上使用 :out of range 伪类,如下所示

<style>
input:out-of-range{
   background: red;
   color:#fff;
}
</style>

<input type="number" min="0" max="50" value="55">

关于css - 如何通过 CSS 设置输入字段的最大整数值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52603282/

相关文章:

html - 如何将 Content Div 扩展到浏览器

Asp.Net 表单验证 onkeyup

security - 能否依靠HTTPS协议(protocol)实现Web session 管理

css - 如果表单是隐藏的,我可以阻止垃圾邮件机器人提交表单吗?

css - 内联元素的填充

javascript - 验证脚本是否会导致我的 javascript 显示/隐藏 DIV 出现问题?

html - 位置 :fixed navigation header overlapping browser scroll bar when using overflow-x

web - AngularDart-将静态定义的子组件与动态组件聚合一次的方法

javascript - CSS "position:fixed": mobile zoom

javascript - 在模型更改后切换 $setValidity