Skip to content

Instantly share code, notes, and snippets.

@parzibyte

parzibyte/bootstrap.html

Last active September 6, 2019 23:28
Show Gist options
  • Save parzibyte/773833944b1bbb805906d8607b088a56 to your computer and use it in GitHub Desktop.
Save parzibyte/773833944b1bbb805906d8607b088a56 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
bootstrap.html
<!doctype html>
<html lang="es">
<!--
Envío de formulario usando AJAX y PHP
https://parzibyte.me/blog
-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="Formulario de login con Bootstrap">
<meta name="author" content="Parzibyte">
<title>Enviar formulario AJAX con PHP</title>
<!-- Cargar el CSS de Boostrap-->
<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous">
</head>
<body>
<main role="main" class="container my-auto">
<div class="row">
<div class="col-lg-4 col-12">
<h2 class="text-center">Enviar formulario</h2>
<a href="//parzibyte.me/blog">By Parzibyte</a>
<form>
<div class="form-group">
<label for="nombre">Nombre</label>
<input id="nombre" name="nombre"
class="form-control" type="text"
placeholder="Nombre">
</div>
<div class="form-group">
<label for="correo">Correo</label>
<input id="correo" name="correo"
class="form-control" type="email"
placeholder="Correo electrónico">
</div>
<div class="form-group">
<label for="edad">Edad</label>
<input id="edad" name="edad"
class="form-control" type="number"
placeholder="Edad">
</div>
<div id="respuesta" class="alert alert-success">
</div>
<button id="btnEnviar" type="button" class="btn btn-primary mb-2">
Enviar
</button>
</form>
</div>
</div>
</main>
<script src="./script.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment