HTML
100
Eventualmente é interessante agrupar um determinado conjunto de checkboxes. Por exemplo, considere um formulário que coleta as linguagens de programação que os usuários conhecem. Para cada linguagem, podemos definir um checkbox. Para agrupar esses checkboxes, basta definir o atributo name com o mesmo valor para eles. 1 2 3 4 5
< input < input < input < input < input
id = " java_id " type = " checkbox " value = " java " name = " linguagens " > id = " csharp_id " type = " checkbox " value = " csharp " name = " linguagens " > id = " php_id " type = " checkbox " value = " php " name = " linguagens " > id = " ruby_id " type = " checkbox " value = " ruby " name = " linguagens " > id = " perl_id " type = " checkbox " value = " perl " name = " linguagens " >
Figura 2.63: Checkboxes
Para adicionar um radio em um formulário, devemos utilizar o elemento input com type igual a radio. Ao utilizar esse componente, é importante definir um valor para o atributo value. No envio do formulário, esse valor é transmitido ao Web Server se o radio correspondente estiver marcado. 1 < input id = " masculino_id " name = " sexo " type = " radio " value = " masculino " >
Eventualmente é interessante agrupar um determinado conjunto de radios. Por exemplo, considere um formulário que coleta o time preferido dos usuários. Para cada time, podemos definir um radio. Para agrupar esses radios, basta definir o atributo name com o mesmo valor para eles. 1 2 3 4 5
< input < input < input < input < input
id = " sp_id " type = " radio " value = " sao - paulo " name = " time - preferido " > id = " barcelona_id " type = " radio " value = " barcelona " name = " time - preferido " > id = " milan_id " type = " radio " value = " milan " name = " time - preferido " > id = " mu_id " type = " radio " value = " manchester - united " name = " time - preferido " > id = " bdm_id " type = " radio " value = " bayern - de - munique " name = " time - preferido " >
Figura 2.64: Radios
Por padrão, quando um formulário é exibido para os usuários, os checkboxes e os radios não estão marcados. Algumas vezes, desejamos que determinados checkboxes e radios estejam marcados quando os formulários são apresentados aos usuários. Para resolver esse problema, podemos utilizar o atributo checked do elemento input. Esse atributo não precisa de valor. 1 < input id = " java_id " type = " checkbox " value = " java " name = " linguagens " checked >
1 < input id = " sp_id " type = " radio " name = " time - preferido " value = " sao - paulo " checked >
Seleção de cores No HTML5, para coletar uma cor, podemos utilizar o elemento input com type igual a color. 100
www.k19.com.br