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
"Formulario"
Bootstrap 3.3.0 Snippet by
cafi
3.3.0
Preview
HTML
CSS
View Full Screen
Fork
Fork this
3.8K
 
1 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>Dados do Posto</legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="OC">Ordem de Compra</label> <div class="col-md-4"> <select id="OC" name="OC" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="UF">Estado</label> <div class="col-md-4"> <select id="UF" name="UF" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="municipio">Município</label> <div class="col-md-4"> <select id="municipio" name="municipio" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Centro / Planta</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Unidade Operacional</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">Descrição do Posto</label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea"></textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Data de Mobilização</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="Primeiro dia de trabalho" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Função</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Vigilante</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Jornada</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">12 horas</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Turno</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Diurno</option> <option value="2">Noturno</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="equipamentos">Equipamentos</label> <div class="col-md-4"> <select id="equipamentos" name="equipamentos" class="form-control" multiple="multiple"> <option value="1">Revólver</option> <option value="2">Lanterna</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="exames">Exames</label> <div class="col-md-4"> <select id="equipamentos" name="equipamentos" class="form-control" multiple="multiple"> <option value="1">Sangue Completo</option> <option value="2">Eletrocardiograma</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="treinamentos">Treinamentos</label> <div class="col-md-4"> <select id="equipamentos" name="equipamentos" class="form-control" multiple="multiple"> <option value="1">Trabalho em Altura</option> <option value="2">Direção Defensiva</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="treinamentos">Ítens Complementares</label> <div class="col-md-4"> <select id="complementares" name="complementares" class="form-control" multiple="multiple"> <option value="1">Ônibus por posto por mês</option> <option value="2">Alimentação Vargem Grande por pessoa por dia</option> </select> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="radios">Ticket Alimentação</label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1"> Sim </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> Não </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="radios">Vale Transporte</label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1"> Sim </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> Não </label> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="appendedtext">Horas In Itinere</label> <div class="col-md-4"> <div class="input-group"> <input id="appendedtext" name="appendedtext" class="form-control" placeholder="" type="text"> <span class="input-group-addon">por dia</span> </div> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="appendedtext">Horas Intrajornada</label> <div class="col-md-4"> <div class="input-group"> <input id="appendedtext" name="appendedtext" class="form-control" placeholder="" type="text"> <span class="input-group-addon">por dia</span> </div> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="appendedtext">Horas Sobreaviso</label> <div class="col-md-4"> <div class="input-group"> <input id="appendedtext" name="appendedtext" class="form-control" placeholder="" type="text"> <span class="input-group-addon">por dia</span> </div> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="appendedtext">Hora Primeira Troca Turno (24h) ou Hora Início Jornada (12h)</label> <div class="col-md-4"> <div class="input-group"> <input id="textinput" name="textinput" type="text" placeholder="HH:MM" class="form-control input-md"> </div> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Atividade</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="Eventual">Eventual</option> <option value="Permanente">Permanente</option> <option value="Projeto">Projeto</option> </select> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="button1id"></label> <div class="col-md-8"> <button id="button1id" name="button1id" class="btn btn-info">Inserir</button> <!-- <button id="Desmobilizar" name="Desmobilizar" class="btn btn-danger">Desmobilizar</button> --> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Centro de Custo / Plano da Estrutura do Projeto (PEP)</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="TABELA com Tipo, CC e rateio" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Conta Contábil</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">CNPJ Contratada</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Fiscal Responsável</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">A menos que seja o fiscal que peça a mobilização para gerente aprovar</option> <option value="2">Option two</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">Observações</label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea"></textarea> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="button1id"></label> <div class="col-md-8"> <button id="button1id" name="button1id" class="btn btn-success">Mobilizar</button> <button id="Desmobilizar" name="Desmobilizar" class="btn btn-danger">Desmobilizar</button> </div> </div> </fieldset> </form>
.vcenter { display: inline-block; vertical-align: middle; float: none; }
Related:
See More
Template
Light Bootstrap Dashboard PRO React
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76