<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 ----------> <!-- cadastro.html --> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Cadastro</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="nome">Nome</label> <div class="col-md-4"> <input id="nome" name="nome" type="text" placeholder="nome" class="form-control input-md" required=""> <span class="help-block">Favor digitar o seu nome completo</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="telefone">Telefone</label> <div class="col-md-4"> <input id="telefone" name="telefone" type="text" placeholder="fone" class="form-control input-md" required=""> <span class="help-block">favor digitar o seu telefone</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="email">e-mail</label> <div class="col-md-4"> <input id="email" name="email" type="text" placeholder="email" class="form-control input-md" required=""> <span class="help-block">Favor digitar o seu e-mail ex: voce@enviou.com</span> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="senha1">digite sua senha</label> <div class="col-md-4"> <input id="senha1" name="senha1" type="password" placeholder="senha" class="form-control input-md" required=""> <span class="help-block">Favor digitar a sua senha</span> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="senha2">confirmação da senha</label> <div class="col-md-4"> <input id="senha2" name="senha2" type="password" placeholder="confirmação" class="form-control input-md" required=""> <span class="help-block">confirmar a sua senha</span> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="estado">selecione o seu estado</label> <div class="col-md-4"> <select id="estado" name="estado" class="form-control"> <option value="1">Acre</option> <option value="2">Alagoas</option> <option value="3">Amapá</option> <option value="4">Amazonas</option> <option value="5">Bahia</option> <option value="6">Ceará</option> <option value="7">Distrito Federal</option> <option value="8">Espírito Santo</option> <option value="9">Goiás</option> <option value="10">Maranhão</option> <option value="11">Mato Grosso</option> <option value="12">Mato Grosso do Sul</option> <option value="13">Minas Gerais</option> <option value="14">Pará</option> <option value="15">Paraíba</option> <option value="16">Paraná</option> <option value="17">Pernambuco</option> <option value="18">Piauí</option> <option value="19">Rio Grande do Norte</option> <option value="20">Rio Grande do Sul</option> <option value="21">Rio de Janeiro</option> <option value="22">Rondônia</option> <option value="23">Roraima</option> <option value="24">Santa Catarina</option> <option value="25">São Paulo</option> <option value="26">Sergipe</option> <option value="27">Tocantins</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="genero">Escolha o seu Genero</label> <div class="col-md-4"> <select id="genero" name="genero" class="form-control"> <option value="1">Masculino</option> <option value="2">Feminino</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="assunto">Diga-nos o seu Assunto</label> <div class="col-md-4"> <textarea class="form-control" id="assunto" name="assunto">digite o seu assunto aqui.</textarea> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="arquivo">Favor enviar o seu arquivo</label> <div class="col-md-4"> <input id="arquivo" name="arquivo" class="input-file" type="file"> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="botao1">enviar</label> <div class="col-md-8"> <button id="botao1" name="botao1" class="btn btn-success">enviar</button> <button id="botao2" name="botao2" class="btn btn-info">checar</button> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="limpar">Limpar</label> <div class="col-md-4"> <button id="limpar" name="limpar" class="btn btn-danger">limpar</button> </div> </div> </fieldset> </form>