Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
Bootstrap Forms Example
Keywords : form, bootstrap, bootstrap form, bootstrap forms, bootstrap form examples, bootstrap form group, bootstrap form controls, bootstrap form styles, bootstrap forms example, bootstrap form control example
Example
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Forms Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <style> .bcontent { margin-top: 10px; } </style> </head> <body> <div class="container-fluid bcontent"> <h2>Bootstrap Forms</h2> <hr /> <form> <div class="form-group"> <label for="email">Email</label> <input type="email" class="form-control" id="email" placeholder="Enter email"> </div> <div class="form-group"> <label for="password">Password</label> <input type="password" class="form-control" id="pwd" placeholder="Enter password"> </div> <div class="form-group"> <label for="fileupload">Profile Pic</label> <input type="file" class="form-control-file" id="imgUpload"> </div> <div class="form-group form-check"> <input type="checkbox" class="form-check-input" id="chkletters"> <label class="form-check-label" for="NewlettersCheck">Subscribe to newsletters</label> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> </div> </body> </html>
Click Here to See Result
Result
Previous
Next