Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"Form"
Bootstrap 3.3.0 Snippet by
tlmelvin24
3.3.0
Preview
HTML
View Full Screen
Fork
Fork this
3.4K
 
0 Fav
Post to Facebook
Tweet this
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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>CBTU Online Registration</legend> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Name">Name</label> <div class="controls"> <input id="Name" name="Name" type="text" placeholder="Name" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Address">Address</label> <div class="controls"> <input id="Address" name="Address" type="text" placeholder="Address" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="City">City</label> <div class="controls"> <input id="City" name="City" type="text" placeholder="City" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="State">State</label> <div class="controls"> <input id="State" name="State" type="text" placeholder="State" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Zip_Code">Zip Code</label> <div class="controls"> <input id="Zip_Code" name="Zip_Code" type="text" placeholder="Zip Code" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Work_Number">Work Number</label> <div class="controls"> <input id="Work_Number" name="Work_Number" type="text" placeholder="Work Number" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Home_Number">Home Number</label> <div class="controls"> <input id="Home_Number" name="Home_Number" type="text" placeholder="Home Number" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Cell_Number">Cell Number</label> <div class="controls"> <input id="Cell_Number" name="Cell_Number" type="text" placeholder="Cell Number" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Email_Address">Email Address</label> <div class="controls"> <input id="Email_Address" name="Email_Address" type="text" placeholder="Email Address" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Member_ID">Member ID</label> <div class="controls"> <input id="Member_ID" name="Member_ID" type="text" placeholder="Member ID" class="input-medium"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="International_Union">International Union</label> <div class="controls"> <input id="International_Union" name="International_Union" type="text" placeholder="International Union" class="input-xlarge"> <p class="help-block"> </p> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Local">Local</label> <div class="controls"> <input id="Local" name="Local" type="text" placeholder="Local" class="input-xlarge"> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="Shirt_Size">Shirt Size (Optional)</label> <div class="controls"> <select id="Shirt_Size" name="Shirt_Size" class="input-xlarge"> <option>Medium</option> <option>Large</option> <option>X-Large</option> <option>2X-Large</option> <option>3X-Large</option> <option>4X-Large</option> </select> </div> </div> <!-- Multiple Radios --> <div class="control-group"> <label class="control-label" for="Registration">Registration</label> <div class="controls"> <label class="radio" for="Registration-0"> <input type="radio" name="Registration" id="Registration-0" value="Delegate" checked="checked"> Delegate </label> <label class="radio" for="Registration-1"> <input type="radio" name="Registration" id="Registration-1" value="Guest"> Guest </label> <label class="radio" for="Registration-2"> <input type="radio" name="Registration" id="Registration-2" value="Retiree Delegate"> Retiree Delegate </label> <label class="radio" for="Registration-3"> <input type="radio" name="Registration" id="Registration-3" value="Retiree Guest"> Retiree Guest </label> <label class="radio" for="Registration-4"> <input type="radio" name="Registration" id="Registration-4" value="Youth"> Youth </label> </div> </div> </fieldset> </form>
Related:
See More
Template
Paper Kit Pro
461.8K
45
login-form
170.3K
18
Login Form
141.8K
51
Contact Form
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76