W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!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>