HTML forms: seleção
O curso trata dos controles HTML que permitem ao visitante escolher valores em vez de digitá-los. Ele explica checkboxes, grupos de checkboxes, radio buttons e menus select, além de optgroup, multiple e datalist. Cada aula mostra o que o navegador envia, incluindo o silêncio da caixa desmarcada, e como o Rails monta isso em params. Também aborda estados iniciais com checked e selected, options placeholder e o truque do input hidden. Um form de preferências junta todos os controles, e as validações no servidor continuam julgando toda entrada.
O que você vai aprender
- ✓Como escolher o controle de seleção pela quantidade de opções e de escolhas permitidas
- ✓Por que checkboxes desmarcados não enviam nada e como o Rails os emparelha com um input hidden
- ✓Como o sufixo [] no name transforma chaves repetidas em arrays no params do Rails
- ✓Como grupos de radios compartilham um name e por que vale pré-marcar um padrão
- ✓Como as options de um select separam o rótulo visível do valor enviado
- ✓Quando usar optgroup, multiple e datalist, e por que a validação no servidor continua necessária
Escolher, não digitar
O curso anterior deu caixas de texto aos seus forms, e caixas de texto têm uma fraqueza que você vai combater pela carreira inteira: as pessoas digitam qualquer coisa nelas. Peça um país e você vai receber "Brazil", "brasil", "BR", "Brasil 🇧🇷" e "brazl". Pergunte "você aceita os termos?" e uma…
Ler a aula completa grátis →Currículo
7 aulasEscolher, não digitar
Mostra por que controles de seleção superam o texto livre e como checkbox, radio e select atendem cardinalidades diferentes.
Checkbox: o interruptor
Trata do checkbox sozinho, do valor padrão on, do silêncio quando desmarcado, do par hidden do Rails e de checked.
Grupos de checkboxes: várias entre várias
Mostra como checkboxes com o mesmo name enviam chaves repetidas e como o sufixo [] gera arrays no Rails.
Radio buttons: uma entre poucas
Explica grupos de radios garantidos pelo navegador via name comum, o envio de um só valor e a pré-marcação.
select e option: o dropdown
Aborda select e option, a separação entre rótulo e value, o atributo selected e as options placeholder.
Agrupado, múltiplo e sugerido
Apresenta títulos com optgroup, seleção múltipla com multiple e size, e sugestões de datalist que não restringem a entrada.
Juntando tudo: uma página de preferências
Monta um form de preferências com todos os controles e acompanha a submissão até o formato do params no Rails.