为什么这个html在css中被检查为有效？

所以我用html5制作了这个表单。文本区域从一开始就是空的，并且有一个边框作为标记，但是当在其中键入内容时，通过在css3中使用valid，边框应该消失。这是我的密码

HTML5：

    <div>
    <label for="caption">caption</label>
    <textarea type="text" name="caption" id="caption"></textarea>
    </div>

问题是伪类valid是“激活的”，即使它是空的，而且非常奇怪，这不会发生在表单中的任何其他元素上

---

我希望有人能帮助我。提前感谢：）

这是因为它被认为是有效的，因为它没有按要求标记。当不需要字段时，空值是完全可以接受的

---

尝试将

required

属性设置为text区域。

这是因为它被认为是有效的，因为它没有标记为required。当不需要字段时，空值是完全可以接受的

---

尝试将

required

属性设置为text区域。

对于

输入也会发生这种情况。。请参见，除非您为它们指定了类似于
必需的
的验证规则（您尚未分配给
文本区域
），否则
输入也会发生这种情况。。请参见，除非您已为其指定了类似
必需的验证规则
（您尚未将其分配给
文本区域
）
#caption {
    float: right;
    width: 450px;
    height: 50;
    border: 1px solid #D3D3D3;
    resize: none;
    font: 12px "lucida grande", tahoma, verdana, arial, sans-serif;
}

#caption:valid {
    border: none;
}