Skip to content

Instantly share code, notes, and snippets.

@Nevillealee
Created February 5, 2019 22:23
Show Gist options
  • Save Nevillealee/05bc0582934846a65bde70949431f817 to your computer and use it in GitHub Desktop.
Save Nevillealee/05bc0582934846a65bde70949431f817 to your computer and use it in GitHub Desktop.
<!-- Form Fields:
First Name
Last Name
Address
Phone Number
Email Address
Submit -->
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<meta charset="utf-8">
<title></title>
<script src="index.js"></script>
</head>
<body>
<form class="form-group col-lg-6" id="bStrapForm" style>
<div >
<label for="exampleInputEmail1">First Name</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="First Name">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Last Name</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Last Name">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Phone</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Address</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Address">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Email</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Email">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
<div id="formPlace">
<!-- form goes here -->
</div>
</body>
</html>
function showForm() {
document.getElementById('formPlace').innerHTML = document.getElementById('formPlace');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment