<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap-css@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
<script data-require="angular.js@1.5.8" data-semver="1.5.8" src="https://code.angularjs.org/1.5.8/angular.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="formulario" ng-controller="formCtrl">
<h1>Formularios</h1>
<form>
<div class="form-group">
<label for="email">Correo electrónico:</label>
<input type="email" class="form-control" id="email" ng-model="datos.correo">
</div>
<div class="form-group">
<label for="pwd">Clave de acceso:</label>
<input type="password" class="form-control" id="pwd" ng-model="datos.clave">
</div>
<div class="checkbox">
<label>
<input type="checkbox" ng-model="datos.recordarme"> Recordarme</label>
</div>
<button type="submit" class="btn btn-default" ng-click="enviar()">Enviar</button>
</form>
<div class="alert alert-success">
<strong>Datos del formulario:</strong> {{datos | json}}
</div>
</body>
</html>
// Code goes here
var app = angular.module('formulario', []);
app.controller('formCtrl', function($scope) {
$scope.datos = {
correo: 'abc@xyz.com',
clave: 'Insegura',
recordarme: true
};
$scope.enviar = function() {
alert('Formulario enviado');
};
});
/* Styles go here */
Uso de formularios
AngularJS