<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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>Relatório de Visita</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="datavisita">Data visita</label> <div class="col-md-2"> <input id="datavisita" name="datavisita" type="text" placeholder="Data da visita" class="form-control input-md" required=""> <span class="help-block">31/12/2099</span> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="cliente">Cliente</label> <div class="col-md-4"> <select id="cliente" name="cliente" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="hr_inicio_manha">Hora início manhã</label> <div class="col-md-1"> <input id="hr_inicio_manha" name="hr_inicio_manha" type="text" placeholder="00:00" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="hr_fim_manha">Hora fim manhã</label> <div class="col-md-1"> <input id="hr_fim_manha" name="hr_fim_manha" type="text" placeholder="00:00" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="hr_inicio_tarde">Hora início tarde</label> <div class="col-md-1"> <input id="hr_inicio_tarde" name="hr_inicio_tarde" type="text" placeholder="00:00" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="hr_fim_tarde">Hora fim tarde</label> <div class="col-md-1"> <input id="hr_fim_tarde" name="hr_fim_tarde" type="text" placeholder="00:00" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="responsavel_consultor">Consultor responsável</label> <div class="col-md-5"> <input id="responsavel_consultor" name="responsavel_consultor" type="text" placeholder="Nome do consultor responsável" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="responsavel_cliente">Cliente responsável</label> <div class="col-md-5"> <input id="responsavel_cliente" name="responsavel_cliente" type="text" placeholder="Nome do cliente responsável" class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="participantes_cliente">Participantes</label> <div class="col-md-4"> <textarea class="form-control" id="participantes_cliente" name="participantes_cliente"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="itens_discutidos_visita">Itens discutidos</label> <div class="col-md-4"> <textarea class="form-control" id="itens_discutidos_visita" name="itens_discutidos_visita"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="itens_discutidos_fechamento">Fechamentos</label> <div class="col-md-4"> <textarea class="form-control" id="itens_discutidos_fechamento" name="itens_discutidos_fechamento"></textarea> </div> </div> <!-- Textarea --> <script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script> <script> tinymce.init({ selector: "textarea", menubar : false, theme: "modern", plugins: [ "advlist autolink lists link image charmap print preview hr anchor pagebreak", "searchreplace wordcount visualblocks visualchars code fullscreen", ], toolbar: "insertfile undo redo | bullist outdent indent | spellchecker code", }); </script> <div class="form-group"> <label class="col-md-4 control-label" for="itens_discutidos_simulacoes">Simulações</label> <div class="col-md-4"> <textarea class="form-control" id="itens_discutidos_simulacoes" name="itens_discutidos_simulacoes"><ul><li>teste</li></ul></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="decisoes_tomadas">Decisões tomadas</label> <div class="col-md-4"> <textarea class="form-control" id="decisoes_tomadas" name="decisoes_tomadas"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="pontos_atencao">Pontos de atenção</label> <div class="col-md-4"> <textarea class="form-control" id="pontos_atencao" name="pontos_atencao"></textarea> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="status_cronograma">Situação cronograma</label> <div class="col-md-2"> <select id="status_cronograma" name="status_cronograma" class="form-control"> <option value="A">Atualizado</option> <option value="P">Parado</option> <option value="C">Cancelado</option> </select> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="enviar"></label> <div class="col-md-4"> <button id="enviar" name="enviar" class="btn btn-primary">Enviar</button> </div> </div> </fieldset> </form>