Skip to content

Instantly share code, notes, and snippets.

@parzibyte

parzibyte/formulario.html

Created March 8, 2018 23:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save parzibyte/fd0104a5f56a7fe70a252e5dbe3c67d1 to your computer and use it in GitHub Desktop.
Save parzibyte/fd0104a5f56a7fe70a252e5dbe3c67d1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
formulario.html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejemplo de formulario</title>
<!-- Cargar la librería principal -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<!-- Como nuestro script no será muy grande, podemos ponerlo en el HTML -->
<script>
angular
.module("formularios", [])
.controller("ControladorPrincipal", ["$scope", function($scope){
$scope.mascota = {};
}]);
</script>
</head>
<body ng-app="formularios">
<div ng-controller="ControladorPrincipal">
<h2>Nueva mascota</h2>
<form>
<label for="nombre">Nombre: </label><br>
<input ng-model="mascota.nombre" id="nombre" type="text" placeholder="¿Cómo se llama la mascota?">
<br><br>
<label for="raza">Raza: </label><br>
<input ng-model="mascota.raza" id="raza" type="text" placeholder="¿Cuál es su raza?">
<br><br>
<label for="edad">Edad: </label><br>
<input ng-model="mascota.edad" id="edad" type="number" placeholder="¿Cúantos años tiene?">
<br><br>
<button>Guardar</button>
<pre>{{mascota | json}}</pre>
</form>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment