Para criar botões de rádio e caixas de seleção em HTML, podemos utilizar as tags input
com o atributo type
definido como "radio" ou "checkbox".
Para o botão de rádio, cada opção deve ter um valor atribuído ao atributo value
e um nome em comum para que apenas uma opção seja selecionada por vez. Exemplo:
php<label>
<input type="radio" name="opcao" value="opcao1">
Opção 1
</label>
<label>
<input type="radio" name="opcao" value="opcao2">
Opção 2
</label>
Já para a caixa de seleção, também é necessário definir um valor para cada opção, mas o atributo name
deve ser único para cada caixa de seleção. Exemplo:
php<label>
<input type="checkbox" name="opcao1" value="opcao1">
Opção 1
</label>
<label>
<input type="checkbox" name="opcao2" value="opcao2">
Opção 2
</label>
Desta forma, o usuário pode selecionar mais de uma opção da caixa de seleção.
É importante lembrar que essas tags devem ser utilizadas dentro do formulário (form
) para enviar os dados selecionados para o servidor.