案例:AngularJS案例     状态:可编辑再运行    进入横版
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<script src="/js/angular.js1.4.6/angular.min.js"></script> 
6
<style>
7
input.ng-invalid {
8
    background-color: lightblue;
9
}
10
</style>
11
</head>
12
<body>
13
14
<form ng-app="" name="myForm">
15
    输入你的名字:
16
    <input name="myName" ng-model="myText" required>
17
</form>
18
19
<p>编辑文本域,不同状态背景颜色会发送变化。</p>
20
<p>文本域添加了 required 属性,该值是必须的,如果为空则是不合法的。</p>
21
22
</body>
23
</html>
24

 运行结果 
 北美留学生论坛