Desenvolvimento web com html css e javascript

Page 121

109

HTML

3 < head > 4 < meta http - equiv = " Content - Type " content = " text / html ; charset = UTF -8 " > 5 < title > Exercício de checkboxes </ title > 6 </ head > 7 < body > 8 < form action = " parametros . php " method = " post " > 9 < select id = " estados_id " name = " estados " multiple = " multiple " > 10 < option value = " SP " > São Paulo </ option > 11 < option value = " RJ " > Rio de Janeiro </ option > 12 < option value = " RS " > Rio Grande do Sul </ option > 13 < option value = " PR " > Paraná </ option > 14 < option value = " RN " > Rio Grande do Norte </ option > 15 < option value = " BA " > Bahia </ option > 16 </ select > 17 18 < select id = " estado_id " name = " estado " > 19 < optgroup label = " Região Sudeste " > 20 < option value = " SP " > São Paulo </ option > 21 < option value = " RJ " > Rio de Janeiro </ option > 22 </ optgroup > 23 < optgroup label = " Região Sul " > 24 < option value = " RS " > Rio Grande do Sul </ option > 25 < option value = " PR " > Paraná </ option > 26 </ optgroup > 27 < optgroup label = " Região Nordeste " > 28 < option value = " RN " > Rio Grande do Norte </ option > 29 < option value = " BA " > Bahia </ option > 30 </ optgroup > 31 </ select > 32 33 < input type = " submit " value = " Enviar " > 34 </ form > 35 </ body > 36 </ html > Código HTML 2.127: drop-down-list.html

Importante No Windows, altere o código acima substituindo o trecho “parametros.php” pelo trecho “parametros.asp”.

Arquivo: https://github.com/K19/K19-Exercicios/archive/k02-html-fixacao80.zip

81

No Windows, utilize o Chrome para acessar o endereço: http://localhost/html/public_html/drop-down-list.html.

No Ubuntu, utilize o Chrome para acessar o endereço: http://localhost/~<USUARIO>/html/public_html/drop-down-list.html.

Utilize o Chrome DevTools ou o Firebug para verificar os parâmetros enviados através do formulário. Chame o instrutor caso tenha alguma dúvida.

Fieldset www.facebook.com/k19treinamentos

109


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.