- 6 years ago
- Zaid Bin Khalid
- 42,469 Views
-
10
In this tutorial, I am going to show you how you can create a simple Sign Up & Sign In form in Bootstrap 4. In this post, we just create a simple form without any other plugin or library. Pure HTML with HTML5 validation.
Below is the working example of sign up and sign in form.
In the above example, we use Bootstrap 4. You can create your own page, for that you need to include CSS and JS libraries of Bootstrap 4. So you can use below snippets for that if you create your own page then copy and paste below code into a blank file and replace highlighted line with CodePen code.
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<title>Sign Up & Sign In form in Bootstrap 4</title>
</head>
<body>
Paste your codepen code here.
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</body>
</html>
- 6 years ago
- Zaid Bin Khalid
- 42,469 Views
-
10
