04-01-Components.html
Dosyayı İndir
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8"/>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
angular.module('myApp', []).controller('myCtrl', function($scope) {
$scope.data = {
username:'kullanici',
password:'parola',
countries:['tm','kg'],
text:'Burası düz metin',
independent:true,
branch:'cgt'
};
$scope.submitData=function(){
alert($scope.data.username+" "
+$scope.data.password+" "
+$scope.data.countries+" "
+$scope.data.text+" "
+$scope.data.independent+" "
+$scope.data.branch);
}
});
</script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<h1> Gelişmiş Form</h1>
<form ng-submit="submitData()">
Girdi Alanı :
<input name="myusername" type="text" ng-model="data.username"/><br/>
Parola Alanı :
<input name="mypassword" type="password" ng-model="data.password"/><br/>
Ülke Adları :
<select name="mycountries" size="6" multiple="true" ng-model="data.countries">
<option value="tr">Türkiye</option>
<option value="az">Azerbaycan</option>
<option value="tm">Türkmenistan</option>
<option value="uz">Özbekistan</option>
<option value="kg">Kırgızistan</option>
<option value="kz">Kazakistan</option>
</select><br/>
Metin Alanı
<textarea name="mytext" rows="6" cols="20" ng-model="data.text">
Varsayılan metin
</textarea><br/>
Onay Kutusu Alanı :
<input name="mycheck" type="checkbox" ng-model="data.independent"/> Bağımsız<br/>
Radyo Düğmeler Alanı : <br/>
<input name="myradio" type="radio" value="ogz" ng-model="data.branch"/> Oğuz<br/>
<input name="myradio" type="radio" value="cgt" ng-model="data.branch"/> Çağatay<br/>
<input name="myradio" type="radio" value="kpc" ng-model="data.branch"/> Kıpçak<br/>
<input type="submit" value="Gir"/><br/>
</form>
</body>
</html>
Dosyayı İndir 