<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 ----------> <div class="container"> <div class="row"> <!-- <div class="col-md-6 col-md-offset-3">--> <div class="well well-sm"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Gerenciar usuários</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-3 control-label" for="txtnome">Nome</label> <div class="col-xs-4"> <input id="txtnome" name="txtnome" type="text" placeholder="Digite o nome completo" class="form-control"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-3 control-label" for="txtcpf">CPF</label> <div class="col-xs-4"> <input id="txtcpf" name="txtcpf" type="text" maxlength="10" onkeypress='return SomenteNumero(event)' placeholder="Digite o CPF (somente número)" class="form-control"> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-3 control-label" for="txtsenha">Senha</label> <div class="col-xs-4"> <input id="txtsenha" name="txtsenha" type="password" placeholder="Digite uma senha" class="form-control"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-3 control-label" for="txtsalario">Salario</label> <div class="col-xs-4"> <input id="txtsalario" name="txtsalario" type="password" placeholder="Digite o salario" class="form-control"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-3 control-label" for="selectbasic">Departamento</label> <div class="col-xs-4"> <select id="dpdepartamento" name="dpdepartamento" class="form-control"> <option>Comercial</option> <option>TI</option> <option>Operacional</option> <option>RH</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-3 control-label" for="selectbasic">Cargo</label> <div class="col-xs-4"> <select id="dpcargo" name="dpcargo" class="form-control"> <option>Diretor Financeiro</option> <option>Gerente de vendas</option> <option>Gerente de TI</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-3 control-label" for="selectbasic">Perfil</label> <div class="col-xs-4"> <select id="dpperfil" name="dpperfil" class="form-control"> <option>Consulta Metas</option> <option>RH</option> <option>Alta Gerencia</option> </select> </div> </div> <!-- Button --> <div class="form-group"> <div class="col-md-3 col-md-offset-3"> <button id="btnsalvar" name="btnsalvar" class="btn btn-default">Salvar</button> </div> </div> </fieldset> </form> </div> </div> </div>

body {padding-top:20px;}

function SomenteNumero(e){ var tecla=(window.event)?event.keyCode:e.which; if((tecla>47 && tecla<58)) return true; else{ if (tecla==8 || tecla==0) return true; else return false; } }