```
<!DOCTYPE html>
<html lang="zh-CN" ng-app="myApp">
<head>
<title>Simple app</title>
<meta charset="UTF-8">
<link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet">
<link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap-theme.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/angular.js/1.4.9/angular.js"></script>
<script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.js"></script>
</head>
<body>
<div class="container">
<div class="panel panel-default">
<div class="panel-heading">Angular.js</div>
<div class="panel-body">
<form class="form-horizontal" ng-controller="MyCtrl">
<div class="form-group">
<label class="col-sm-2 control-label">姓名</label>
<div class="col-sm-10">
<input type="text" name="name" class="form-control">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">年齡</label>
<div class="col-sm-10">
<input type="number" name="age" class="form-control">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">性別</label>
<div class="col-sm-10">
<div class="radio">
<label>
<input type="radio" name="gender" value="男">男
</label>
<label>
<input type="radio" name="gender" value="女">女
</label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">hobby</label>
<div class="col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox" name="hobby" >讀書
</label>
<label>
<input type="checkbox" name="hobby" >跑步
</label>
<label>
<input type="checkbox" name="hobby" >滑雪
</label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">nation</label>
<div class="col-sm-10">
<select name="nation" class="form-control">
<option value="中國" checked>中國</option>
<option value="巴基斯坦">巴基斯坦</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">語言</label>
<div class="col-sm-10">
<select name="nation" class="form-control" multiple="multiple">
<option value="Chinese">中國</option>
<option value="English">英語</option>
<option value="Japanese">日語</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"> Remember me
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<p class="form-control-static">
{{ user | json }}
</p>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" ng-click="display()" class="btn btn-default">提交</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript">
angular.module('myApp', [])
.controller('MyCtrl', function($scope){
$scope.user = {
name : '張三',
age : 18,
gender : '男',
hobby : { "reading": true, "running": true },
nation : '中國',
language : [ "Chinese", "English" ]
};
});
</script>
</body>
</html>
```
