x
 
<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>  
<style>
input.ng-invalid {
    background-color: pink; /* 输入框无效时的背景色为粉色 */
}
input.ng-valid {
    background-color: lightgreen; /* 输入框有效时的背景色为浅绿色 */
}
</style>
<body ng-app="">
<p>试着在输入框中输入内容:</p>
<input ng-model="myName" required> <!-- 绑定模型myName,且此输入框为必填项 -->
<p>此输入框要求有内容,因此当你在其中输入内容时,它会变成绿色。</p>
</body>
</html>