"Extended Form Controls"
Bootstrap 3.0.3 Snippet by robthornley

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-sm-12"> <label>Textbox with search icon</label> <div class="input-group"><input type="text" class="form-control" id="" name=""><span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span></div> <label>Textbox with calendar icon</label> <div class="input-group"><input type="text" class="form-control" id="" name=""><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span></div> <label>Textbox for email</label> <div class="input-group"><span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span><input type="text" class="form-control" id="" name=""></div> <label>Textbox for user name</label> <div class="input-group"><span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span><input type="text" class="form-control" id="" name=""></div> <label>Textbox for website</label> <div class="input-group"><span class="input-group-addon"><i class="glyphicon glyphicon-globe"></i></span><input type="text" class="form-control" id="" name=""></div> <label>Textbox for uploading an image</label> <div class="input-group"><span class="input-group-addon"><i class="glyphicon glyphicon-picture"></i></span><input type="text" class="form-control" id="" name=""><span class="input-group-btn"><button class="btn" type="button">Upload</button></span></div> </div> </div>

Related: See More


Questions / Comments: