"Endereço com CEP Dinâmico"
Bootstrap 3.3.0 Snippet by carlaoweb

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 ----------> <html> <head> <title>Consulta de CEP - por rafaelWendel.com</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <script type='text/javascript' src='http://files.rafaelwendel.com/jquery.js'></script> <script type='text/javascript' src='cep.js'></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.maskedinput.js"></script> <script src="js/bootstrap.min.js"></script> </head> <script type="text/javascript"> $(document).ready(function(){ $("input.cep").mask("99.999-999"); }); </script> <body> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Endereço com CEP Dinâmico 01</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="cep">CEP</label> <div class="col-md-4"> <input id="cep" name="cep" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="rua">Rua</label> <div class="col-md-6"> <input id="rua" name="rua" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="numero">Nº</label> <div class="col-md-2"> <input id="numero" name="numero" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="bairro">Bairro</label> <div class="col-md-6"> <input id="bairro" name="bairro" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="complemento">Complemento</label> <div class="col-md-6"> <input id="complemento" name="complemento" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="cidade">Cidade</label> <div class="col-md-6"> <input id="cidade" name="cidade" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="uf">UF</label> <div class="col-md-2"> <input id="estado" name="estado" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="submit"></label> <div class="col-md-4"> <button id="submit" name="submit" class="btn btn-primary">Enviar</button> </div> </div> </fieldset> </form> </body> </html>
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. require('../../js/transition.js') require('../../js/alert.js') require('../../js/button.js') require('../../js/carousel.js') require('../../js/collapse.js') require('../../js/dropdown.js') require('../../js/modal.js') require('../../js/tooltip.js') require('../../js/popover.js') require('../../js/scrollspy.js') require('../../js/tab.js') require('../../js/affix.js')

Related: See More

Material Dashboard Pro React

Questions / Comments: