<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<img src="http://getbootstrap.com/favicon.ico" alt="bootstrap logo" >
<h2>TEST Example Form THIS IS INCORRECT!! DO NOT USE.. Do a simple one <small>using PHP</small></h2>
<p>
If you just take a form that calls a .php file, and place it in Bootstrap, it will go to the .php page.
<br>
<b>Here's the solution:'</b>
<br>
This example will show you how to get a form with a php script to work.
Without a bit of code, your form will not submit to the <code>action="login.php"</code>.
The code you will need is for jQuery, since Bootstrap uses jQuery.
</p>
<hr>
<!-- START HTML form -->
<!--
Notes:
- form elements are prefix with lower case, 3 letters, like txtEmail
- this convention makes it easy to work with forms and program PHP script
-->
<form class="form-signin" role="form" id= "frmLogin" action="login.php" method="get" >
<h2 class="form-signin-heading">Please sign in</h2>
<input type="email" class="form-control" placeholder="Email address" id="txtEmail" required autofocus>
<input type="password" class="form-control" placeholder="Password" id="pasPassword"required>
<label class="checkbox">
<input type="checkbox" value="remember-me" id="chkRemember"> Remember me
</label>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
</form>
<!-- END HTML form -->
<hr>
<p>
<h3>jQuery's .submit() Function</h3>
<p>This method is a shortcut for <code>.on( "submit", handler )</code> in the first variation, and <code>.trigger( "submit" )</code> in the third.</p>
<p>The <code>submit</code> event is sent to an element when the user is attempting to submit a form. It can only be attached to <code><form></code> elements. Forms can be submitted either by clicking an explicit <code><input type="submit"></code>, <code><input type="image"></code>, or <code><button type="submit"></code>, or by pressing <kbd>Enter</kbd> when certain form elements have focus.</p>
<div class="warning">
<p>Depending on the browser, the Enter key may only cause a form submission if the form has exactly one text field, or only when there is a submit button present. The interface should not rely on a particular behavior for this key unless the issue is forced by observing the keypress event for presses of the Enter key.</p>
</div>
</p>
</div>
</div>
<!-- Validation -->
<p>
<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbootsnipp.com%2Fiframe%2Fg6GAQ" target="_blank"><small>HTML</small><sup>5</sup></a>
</p>
