<form name="form1" ng-app=""> email: <input type="email" name="email" ng-model="email" placeholder="請輸入email" autocomplete="off" required /> <input type="submit" value="送出" /> </form>
/* 把 input 弄得漂亮一點 */ input { padding: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* 把 input 預設的click外框拿掉 */ input:focus{ outline: 0; } /* 如果驗證未通過,呈現紅框 */ input.ng-invalid{ border:1px solid red; } /* 如果驗證通過,呈現綠框 */ input.ng-valid{ border:1px solid green; } /* 如果已經被輸入過且驗證失敗,加入粉紅色背景 */ input.ng-dirty.ng-invalid { background: #ffecec; }