Portal de notícias, curiosidades, livros, cursos e muito mais!

Fazer botões radiais em html usando tag input


Botões radiais servem para definir um numero limitado de alternativas ao usuario, sendo muito usado para formulários veja meu exemplo :

MetallicA
Megadeth
BLACK SABBATH

 Para esse resultado fazemos da seguinte maneira:

Usamos <input> para usar, para inicar a marcação, damos o nome(name) e denominamos radio no type, no atributo value é a informação que ira ser entregue no servidor, podemos numerar, ou abreviar ou voce pode selecionar uma qualquer de seu gosto escrevendo até a palavra da seleção ou seja o resultado,exemplo:

value="m" /> Masculino
value="f" /> Feminino

 E por fim definir a escolha, no meu exemplo como pode ver utilizei nomes de bandas, ficando da seguinte maneira :

<form>
<input name="banda" type="radio" value="1" /> MetallicA
<br />
<input name="banda" type="radio" value="2" /> Megadeth
<br />
<input name="banda" type="radio" value="2" /> BLACK SABBATH
</form>