Passo a passo: criando máscara para input com jQuery Inputmask
Aprenda a criar máscaras de entrada personalizadas para campos de formulário usando o Inputmask. Simplifique a formatação e validação de dados
As vezes precisamos inserir em um formulário HTML opções para que o usuário possa selecionar um estado, pode ser nos casos de formulário de cadastro ou um tipo de formulário mais simples de seleção ou apenas estamos aprendendo a inserir essa funcionalidade em algum projeto nosso. Pode acontecer de não lembrarmos de todos os estados brasileiros, então aqui vai um código de Select Option com os estados brasileiros para você poder inserir nos seus projetos.
Muitos formulários de cadastros podem pedir informações de localização e estados, cada estado tem sua própria sigla e pode dar muito trabalho lembrar das signas de todos os estados, portanto tive o cuidado de criar esse select com todos os estados brasileiros, veja um exemplo abaixo:
Segue um exemplo de um select com os nomes dos estados brasileiros:
<select name="estado" id="estado">
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceara</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espírito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP">São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
</select>
Aqui, um exemplo com as siglas dos estados brasileiros:
<select name="estado" id="estado">
<option value="AC">AC</option>
<option value="AL">AL</option>
<option value="AP">AP</option>
<option value="AM">AM</option>
<option value="BA">BA</option>
<option value="CE">CE</option>
<option value="DF">DF</option>
<option value="ES">ES</option>
<option value="GO">GO</option>
<option value="MA">MA</option>
<option value="MT">MT</option>
<option value="MS">MS</option>
<option value="MG">MG</option>
<option value="PA">PA</option>
<option value="PB">PB</option>
<option value="PR">PR</option>
<option value="PE">PE</option>
<option value="PI">PI</option>
<option value="RJ">RJ</option>
<option value="RN">RN</option>
<option value="RS">RS</option>
<option value="RO">RO</option>
<option value="RR">RR</option>
<option value="SC">SC</option>
<option value="SP">SP</option>
<option value="SE">SE</option>
<option value="TO">TO</option>
</select>
Nesse artigo você viu duas formas de usar o select com os estados brasileiros, agora que você já tem os códigos basta inserir no seu projeto e sucesso.
Aprenda a criar máscaras de entrada personalizadas para campos de formulário usando o Inputmask. Simplifique a formatação e validação de dados
Aprenda a desinstalar programas do Linux de forma rápida e eficiente. Dicas e truques para liberar espaço no seu sistema. Comece agora!