"Bill of Sale Form DMV with helper text"
Bootstrap 3.1.0 Snippet by Dan-Jackson

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Bill Of Sale Form DMV</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="seller_name">What is your name?</label> <div class="col-md-5"> <input id="seller_name" name="seller_name" type="text" placeholder="Sellers Name" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="vehicle_year_model">Vehicle VIN Number?</label> <div class="col-md-5"> <input id="vehicle_year_model" name="vehicle_year_model" type="text" placeholder="VIN" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="vehicle_year_model">What year is the car your selling?</label> <div class="col-md-5"> <input id="vehicle_year_model" name="vehicle_year_model" type="text" placeholder="Year Of Car" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="vehicle_make">What make is the vehicle your selling?</label> <div class="col-md-5"> <input id="vehicle_make" name="vehicle_make" type="text" placeholder="Vehicle Make" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="seller_zip_code">What is your zip code?</label> <div class="col-md-5"> <input id="seller_zip_code" name="seller_zip_code" type="text" placeholder="Sellers Zipcode" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="seller_drivers_license_number">What is your drivers license number?</label> <div class="col-md-5"> <input id="seller_drivers_license_number" name="seller_drivers_license_number" type="text" placeholder="Seller Drivers Licence" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="vehicle_license_plate_number">What is your license plate number?</label> <div class="col-md-5"> <input id="vehicle_license_plate_number" name="vehicle_license_plate_number" type="text" placeholder="License Plate Number" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="motorcycle_engine_number">What is your motorcycle engine number?</label> <div class="col-md-5"> <input id="motorcycle_engine_number" name="motorcycle_engine_number" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="buyer_name">Who are you selling the vehicle to?</label> <div class="col-md-5"> <input id="buyer_name" name="buyer_name" type="text" placeholder="Name Of Buyer" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="date_of_sale">What is the date?</label> <div class="col-md-5"> <input id="date_of_sale" name="date_of_sale" type="text" placeholder="Date Of Sale" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="selling_price">How much are you selling your vehicle for?</label> <div class="col-md-5"> <input id="selling_price" name="selling_price" type="text" placeholder="Sale Price" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="relationship_to_give_recipient">Who are you giving your vehicle to?</label> <div class="col-md-5"> <input id="relationship_to_give_recipient" name="relationship_to_give_recipient" type="text" placeholder="Recipient" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="gift_value">What is the value of the vehicle you are giving away?</label> <div class="col-md-5"> <input id="gift_value" name="gift_value" type="text" placeholder="Dollar Value Of Gift" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="seller_name">Who are you selling your vehicle to?</label> <div class="col-md-5"> <input id="seller_name" name="seller_name" type="text" placeholder="Buyer" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="seller_daytime_phone">What is your phone number?</label> <div class="col-md-5"> <input id="seller_daytime_phone" name="seller_daytime_phone" type="text" placeholder="Seller Phone Number" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="buyer_city">What city does the buyer live in?</label> <div class="col-md-5"> <input id="buyer_city" name="buyer_city" type="text" placeholder="City" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="buyer_state">What state does the buyer live in?</label> <div class="col-md-5"> <input id="buyer_state" name="buyer_state" type="text" placeholder="Buyer State" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="buyer_zip">What is the buyer</label> <div class="col-md-5"> <input id="buyer_zip" name="buyer_zip" type="text" placeholder="Buyers Zipcode" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="seller_signature">Your Signature</label> <div class="col-md-5"> <input id="seller_signature" name="seller_signature" type="text" placeholder="Sign Here" class="form-control input-md" required=""> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="submit_form"></label> <div class="col-md-4"> <button id="submit_form" name="submit_form" class="btn btn-primary">Submit Form</button> </div> </div> </fieldset> </form>

Related: See More


Questions / Comments: