O'Reilly logo

Bootstrap Essentials by Snig Bhaumik

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Constructing data entry forms

Forms are integral parts of a web page – whenever you need to capture any information from the user you need to create a web form in your page. Bootstrap offers a variety of ways to design and create HTML forms for both mobile devices and desktops.

Let's create a Contact Us form for our web application. Here is our code:

<form> <div class="form-group"> <label for="yourName" class="control-label">Name</label> <input type="text" class="form-control" id="yourName" placeholder="Your name please"> </div> <div class="form-group"> <label for="yourEmail" class="control-label">Email address</label> <input type="email" class="form-control" id="yourEmail" placeholder="Your Email Id"> </div> <div class="form-group"> <label for="yourComments" ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required