Html 如何设置样式：提交没有javascript的表单后无效

因此，我找到了很多解释如何使用Javascript（）实现这一点的答案，但我不明白为什么需要js；默认行为已经存在，我不能简单地更改浏览器默认的行为吗

例如，在具有必需输入的非常简单的表单中，提交具有空输入的表单会将其边框更改为红色。难道没有什么方法可以改变这种风格吗？输入：无效的css选择器将在页面加载后立即显示，而不是在提交后显示，因此需要js，但不能简单地更改浏览器默认的功能？若否，原因为何

---

这没什么大不了的，但不必每次都在我的网站中的每个表单中添加侦听器，那就太好了。

我认为这可能会有所帮助： 这里是一个CSS唯一的解决方案

。搜索输入{
大纲：0；
背景：#eee；
边界：0；
填充：15px；
边界半径：5px；
宽度：50%；
过渡：all.2s；
保证金：2倍；
边框：2倍实心透明；
}
.搜索输入：焦点{
背景：#fff；
长方体阴影：0 3px 1px-2px rgba（0,0,0,0.2），0 2px 2px 0 rgba（0,0,0,0,0.14），0 1px 5px 0 rgba（0,0,0,0.12）；}
。搜索输入：无效{
边框：2px实心#f4594e；
}

在输入框中键入字母e
然后，试着在里面输入任何数字
请键入电子邮件
所需输入（键入电子邮件以删除边框）