WildArte

Select Option com estados brasileiros

   junho 19, 2023
Continua após a publicidade..

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:

Continua após a publicidade..

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:

Continua após a publicidade..
    <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>

Conclusão

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.

Posts Relacionados