<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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>Form Name</legend> <!-- Text input--> <div class="control-group"> <label class="control-label" for="textinput">Nome</label> <div class="controls"> <input id="textinput" name="textinput" placeholder="" class="input-xlarge" required="" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="data_nascimento">Nascimento</label> <div class="controls"> <input id="data_nascimento" name="data_nascimento" placeholder="" class="input-medium" required="" type="text"> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="sexo_aluno">Sexo</label> <div class="controls"> <select id="sexo_aluno" name="sexo_aluno" class="input-medium"> <option>Masculino</option> <option>Feminino</option> </select> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="natural_de">Natural de</label> <div class="controls"> <input id="natural_de" name="natural_de" placeholder="" class="input-medium" type="text"> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="uf_natural_de">UF</label> <div class="controls"> <select id="uf_natural_de" name="uf_natural_de" class="input-medium"> <option>Goiás</option> <option>São Paulo</option> </select> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="cor_raca">Cor/Raça</label> <div class="controls"> <select id="cor_raca" name="cor_raca" class="input-medium"> <option>Amarelo</option> <option>Branco</option> </select> </div> </div> </fieldset> </form> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Form Name</legend> <!-- Text input--> <div class="control-group"> <label class="control-label" for="nome_pai">Nome do Pai</label> <div class="controls"> <input id="nome_pai" name="nome_pai" placeholder="" class="input-xlarge" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="celular_do_pai">Celular</label> <div class="controls"> <input id="celular_do_pai" name="celular_do_pai" placeholder="" class="input-medium" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="cpf_pai">CPF</label> <div class="controls"> <input id="cpf_pai" name="cpf_pai" placeholder="somente numeros" class="input-medium" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="profissao_pai">Profissão do Pai</label> <div class="controls"> <input id="profissao_pai" name="profissao_pai" placeholder="" class="input-medium" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="local_trabalho_pai">Local de trabalho do Pai</label> <div class="controls"> <input id="local_trabalho_pai" name="local_trabalho_pai" placeholder="" class="input-medium" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="telefone_trabalho_pai">Telefone</label> <div class="controls"> <input id="telefone_trabalho_pai" name="telefone_trabalho_pai" placeholder="" class="input-medium" type="text"> </div> </div> </fieldset> </form> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Form Name</legend> <!-- Text input--> <div class="control-group"> <label class="control-label" for="nome_mae">Nome da Mãe</label> <div class="controls"> <input id="nome_mae" name="nome_mae" placeholder="" class="input-xlarge" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="celular_da_mae">Celular</label> <div class="controls"> <input id="celular_da_mae" name="celular_da_mae" placeholder="" class="input-medium" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="cpf_mae">CPF</label> <div class="controls"> <input id="cpf_mae" name="cpf_mae" placeholder="somente numeros" class="input-medium" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="profissao_mae">Profissão da Mãe</label> <div class="controls"> <input id="profissao_mae" name="profissao_mae" placeholder="" class="input-medium" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="local_trabalho_mae">Local de trabalho da Mãe</label> <div class="controls"> <input id="local_trabalho_mae" name="local_trabalho_mae" placeholder="" class="input-medium" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="telefone_trabalho_mae">Telefone</label> <div class="controls"> <input id="telefone_trabalho_mae" name="telefone_trabalho_mae" placeholder="" class="input-medium" type="text"> </div> </div> </fieldset> </form> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Form Name</legend> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="necessidades">Necessidades Especiais</label> <div class="controls"> <label class="checkbox inline" for="necessidades-0"> <input name="necessidades" id="necessidades-0" value="1" type="checkbox"> 1 </label> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="telefone_residencial">Telefone Residencial</label> <div class="controls"> <input id="telefone_residencial" name="telefone_residencial" placeholder="" class="input-medium" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="telefone_recado">Telefone para Recado</label> <div class="controls"> <input id="telefone_recado" name="telefone_recado" placeholder="" class="input-medium" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="endereco">Endereço</label> <div class="controls"> <input id="endereco" name="endereco" placeholder="" class="input-xlarge" required="" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="bairro">Bairro</label> <div class="controls"> <input id="bairro" name="bairro" placeholder="" class="input-medium" required="" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="cep_aluno">CEP</label> <div class="controls"> <input id="cep_aluno" name="cep_aluno" placeholder="somente numeros" class="input-medium" type="text"> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="cidade_aluno">Cidade</label> <div class="controls"> <select id="cidade_aluno" name="cidade_aluno" class="input-medium"> <option>Anápolis</option> <option>Goiânia</option> </select> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="uf">UF</label> <div class="controls"> <select id="uf" name="uf" class="input-medium"> <option>Goiás</option> <option>São Paulo</option> </select> </div> </div> </fieldset> </form> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Form Name</legend> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="selectbasic">Reside com os</label> <div class="controls"> <select id="selectbasic" name="selectbasic" class="input-medium"> <option>PAIS</option> <option>AVÓS</option> <option>TIOS</option> </select> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="autoriza_buscar">Autorizo para buscar</label> <div class="controls"> <input id="autoriza_buscar" name="autoriza_buscar" placeholder="" class="input-medium" type="text"> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="observacoes">Observações</label> <div class="controls"> <textarea id="observacoes" name="observacoes"></textarea> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="data_cadastro">Data de cadastro</label> <div class="controls"> <input id="data_cadastro" name="data_cadastro" placeholder="" class="input-medium" type="text"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="inep">INEP</label> <div class="controls"> <input id="inep" name="inep" placeholder="Indentificador Único" class="input-medium" type="text"> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="naturalidade">Naturalidade</label> <div class="controls"> <select id="naturalidade" name="naturalidade" class="input-medium"> <option>Brasileira</option> <option>Extrangeira</option> </select> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="convenio">Convênio</label> <div class="controls"> <label class="checkbox inline" for="convenio-0"> <input name="convenio" id="convenio-0" value="1" type="checkbox"> 1 </label> </div> </div> </fieldset> </form> </fieldset> </form>