Marketing Digital, negócios online, cursos e mais !

quarta-feira, 20 de junho de 2018

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>

Share:

Trabalhe em casa como afiliado !

Siga por Email