Bootstrap Simple Form

In this example below you will see how to do a Bootstrap Simple Form with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by manumorante, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright manumorante ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Bootstrap Simple Form</title>
  
  
  <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="container">
  <form role="form">
    <div class="form-group">
      <label for="nombre">Nombre <abbr title="required">*</abbr></label>
      <input type="text" class="form-control" id="nombre" placeholder="Escriba su nombre">
    </div>

    <div class="form-group">
      <label for="email">Email <abbr title="required">*</abbr></label>
      <input type="email" class="form-control" id="email" placeholder="Su correo electrónico">
    </div>

    <div class="form-group">
      <label for="mensaje">Mensaje</label>
      <textarea id="mensaje" class="form-control" rows="3"></textarea>
    </div>

    <button type="submit" class="btn btn-primary">Enviar</button>
  </form>
</div>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

  

</body>

</html>

/*Downloaded from https://www.codeseek.co/manumorante/bootstrap-simple-form-aAHBo */
body {
  margin: 15px 0 0 0;
}

Comments