3
respostas

Atributo "name" no input do tipo radio

Na aula, são definidos valores diferentes para o atributo "name" de cada input do tipo rádio (ligação, whatsapp, e-mail) da preferência de contato.

Mas, para que esses inputs sejam tratados como um grupo, de forma que apenas um deles possa ser selecionado, ou seja, marcar um faz os outros ficarem desmarcados, todos eles devem ter o mesmo valor para "name".

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#defining_a_radio_group:~:text=A%20radio%20group%20is%20defined%20by%20giving%20each%20of%20radio%20buttons%20in%20the%20group%20the%20same%20name.

3 respostas

Olá Gustavo! Tudo bem com você?

Você está absolutamente correto em sua observação sobre o atributo "name" nos inputs do tipo radio. Para que esses inputs sejam tratados como um grupo, permitindo que apenas um deles seja selecionado por vez, todos devem compartilhar o mesmo valor para o atributo "name". Isso é fundamental para garantir que eles funcionem como um conjunto de opções mutuamente exclusivas.

Por exemplo, se você tem três opções de contato preferido (Ligação, WhatsApp, Email), todos os inputs de tipo radio devem ter o mesmo "name", como "preferencia_contato". Dessa forma, ao selecionar uma das opções, as outras automaticamente serão desmarcadas, pois todas pertencem ao mesmo grupo de radio.

Essa informação acabou não sendo destacada ao longo desse curso, mas nos atentaremos a deixar essa informação clara em nossos próximos conteúdos, pois é algo muito importante. Muito obrigada por apontar isso e ajudar a compartilhar esse conhecimento com os outros estudantes do fórum!

Conte com o apoio do Fórum na sua jornada :)

Abraços e bons estudos!

Olá!

Na verdade, em algumas aulas adiante, esse ponto é destacado.

Está no capítulo seguinte (Atributos ARIA), na atividade "Inserindo rótulos ARIA": https://cursos.alura.com.br/course/acessibilidade-html-codigos-semanticos-inclusao/task/147331

Oi, Gustavo! Que bom que isso foi abordado. Obrigada por sua colaboração com o fórum!

Conte com nosso apoio em sua jornada :)

Um abraço!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!