HTML 属性类答案

【问题标题】：HTML attribute classHTML 属性类
【发布时间】：2018-08-12 23:32:48
【问题描述】：

有没有办法为 HTML 属性编写类？我的代码有问题

(i.e) <input type="text" class="float-label" required/>

在上面的代码中，当输入属性具有“必需”属性时，我的“浮动标签”类可以正常工作。一旦我删除了所需的属性，该类的行为就会有所不同。

更新：

当输入字段具有required 时，该类采用class:invalid 状态，当删除required 属性时，该类采用class:valid 条件。我不知道为什么当输入具有required 属性时，该类的条件有效。

【问题讨论】：

【解决方案1】：

如果 required 字段未在任何输入中给出，则应应用其他验证检查机制，如果未应用，则即使在不知道输入中的任何内容，因此 class:valid 被应用。请仔细阅读以下参考资料： angular form validations

check plunker example style.css will give you brief idea for applying classes:

【讨论】：