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
"formx"
Bootstrap 3.3.0 Snippet by
unifeb
3.3.0
Preview
HTML
View Full Screen
Fork
Fork this
1.5K
 
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 Name --> <legend>Relatório Pró-Reitoria de Extensão</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Nome da Atividade</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="Nome da Atividade" class="form-control input-md" required=""> </div> </div> <!-- Button Drop Down --> <div class="form-group"> <label class="col-md-4 control-label" for="buttondropdown_tipo">Tipo de Atividade</label> <div class="col-md-4"> <div class="input-group"> <input id="buttondropdown_tipo" name="buttondropdown_tipo" class="form-control" placeholder="Selecione o tipo" type="text"> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Selecionar <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li><a href="#">Programa</a></li> <li><a href="#">Projeto</a></li> <li><a href="#">Curso</a></li> <li><a href="#">Evento</a></li> <li><a href="#">Serviço</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput_data">Data</label> <div class="col-md-4"> <input id="textinput_data" name="textinput_data" type="text" placeholder="Período" class="form-control input-md"> <span class="help-block">Digite a data xx/xx/xxxx</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput_cursosvinculados">Cursos Vinculados</label> <div class="col-md-4"> <input id="textinput_cursosvinculados" name="textinput_cursosvinculados" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">Informe os cursos de graduação vinculados a atividade, separe os cursos com virgula.</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput_alunos">Total de Alunos Organizadores</label> <div class="col-md-1"> <input id="textinput_alunos" name="textinput_alunos" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">Total</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput_prof_coord">Prof(s) Coordenador</label> <div class="col-md-4"> <input id="textinput_prof_coord" name="textinput_prof_coord" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">Informe o Nome do(s) Prof(s) Coordenadores, separado por virgula</span> </div> </div> <!-- Prepended checkbox --> <div class="form-group"> <label class="col-md-4 control-label" for="prependedcheckbox_aluno">Total de Alunos</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input id="prependedcheckbox_aluno" name="prependedcheckbox_aluno" class="form-control" type="text" placeholder="Alunos"> </div> <p class="help-block">click e digite o total de alunos</p> </div> </div> <!-- Prepended checkbox --> <div class="form-group"> <label class="col-md-4 control-label" for="prependedcheckbox_egressos">Total de Egressos</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input id="prependedcheckbox_egressos" name="prependedcheckbox_egressos" class="form-control" type="text" placeholder="Egressos"> </div> <p class="help-block">click e digite o total de egressos</p> </div> </div> <!-- Prepended checkbox --> <div class="form-group"> <label class="col-md-4 control-label" for="prependedcheckbox_comu">Total Comunidade</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input id="prependedcheckbox_comu" name="prependedcheckbox_comu" class="form-control" type="text" placeholder="Comunidade"> </div> <p class="help-block">click e digite o total da comunidade</p> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea_objetivo">Objetivo Principal</label> <div class="col-md-4"> <textarea class="form-control" id="textarea_objetivo" name="textarea_objetivo"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea_desc">Justificativa</label> <div class="col-md-4"> <textarea class="form-control" id="textarea_desc" name="textarea_desc"></textarea> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="prependedtext_custosimp">Custos</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">Impressos</span> <input id="prependedtext_custosimp" name="prependedtext_custosimp" class="form-control" placeholder="R$" type="text"> </div> <p class="help-block">cartaz,folder,folheto,etc </p> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="prependedtext_brindes">Custos</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">Brindes</span> <input id="prependedtext_brindes" name="prependedtext_brindes" class="form-control" placeholder="R$" type="text"> </div> </div> </div>
Related:
See More
Free Template
Vue Now UI Kit
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76