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
"New competition"
Bootstrap 3.3.0 Snippet by
rphlo
3.3.0
Preview
HTML
View Full Screen
Fork
Fork this
1.0K
 
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 ----------> <div class="container"> <div class="row"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>New Competition</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="name">Name</label> <div class="col-md-4"> <input id="name" name="name" placeholder="Competition Name" class="form-control input-md" required="" type="text"> </div> </div> <!-- Select Basic --> <div class="form-group "> <label class="col-md-4 control-label" for="tz">Timezone</label> <div class="col-md-4"> <div class="input-group"> <select id="tz" name="tz" class="form-control"> <option value="Europe/Helsinki">Europe/Helsinki</option> <option value="UTC">UTC</option> </select> <span class="input-group-btn" > <button id="autodetect_tz_btn" name="autodetect_tz_btn" class="btn btn-default">Autodetect</button> </span> </div> </div> </div> <div class="form-group"> <label class="col-md-4 control-label" for="start_time">Starting Time</label> <div class="col-md-4"> <div class='input-group date' id='start_time'> <input type='text' name="start_time" class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span> </div> </div> </div> <div class="form-group"> <label class="col-md-4 control-label" for="end_time">Closing Time</label> <div class="col-md-4"> <div class='input-group date' id='end_time'> <input type='text' name="end_time" class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span> </div> </div> </div> <!-- Select Basic --> <div class="form-group "> <label class="col-md-4 control-label" for="signup_policy">Signup Policy</label> <div class="col-md-4"> <select id="signup_policy" name="signup_policy" class="form-control"> <option value="open">Open</option> <option value="org_val">Organizer Validated</option> <option value="closed">Closed</option> </select> <span class="help-block">This determine which users can join your competition to share their location.</span> </div> </div> <div class="form-group"> <label class="col-md-4 control-label" for="delay">Delay</label> <div class="col-md-4"> <input id="delay" name="delay" class="form-control input-md" required="" type="number" min="10" value="15"> <span class="help-block">This determine how long data is buffered, in seconds, before being sent to the server. (Saves battery life)</span> </div> </div> <div class="form-group"> <label class="col-md-4 control-label" for="coordinates">Location</label> <div class="col-md-4"> <div class='input-group date' id='coordinates'> <input type='text' name="coordinates" class="form-control" value="0.0 0.0 0"/> <span class="input-group-addon"> <span class="glyphicon glyphicon-map-marker"></span> </span> </div> </div> </div> </fieldset> </form> </div> </div>
Related:
See More
Template
Paper Dashboard Pro
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76