Atributo múltiplo e selecionado não exibido nos navegadores

1

Eu tenho assistido vídeos tutoriais em HTML5 por um cara chamado Bob Tabor e me deparei com um pequeno problema que não consigo encontrar uma resposta, então me desculpe se estou perguntando às pessoas erradas. Não consigo descobrir se é um problema com o código, navegador ou sistema operacional.

Estou usando a tag "select" com o atributo "multiple" incluído. Com o atributo "multiple" incluído na tag "select", os atributos "selected" que coloco dentro das tags "option" não são exibidos no meu computador (mas são exibidos sem o atributo "multiple"). Estou usando o Chromium e o Firefox no Ubuntu 12.04. No entanto, eu tentei exatamente o mesmo código no computador de outra pessoa (o Google Chrome em um sistema operacional Windows) e exibido perfeitamente.

Alguma idéia?

    
por Blacksun 02.12.2013 / 18:09

1 resposta

0

Neat tutorial - apenas porque é que tudo tem que ser feito no Internet Explorer ! Mesmo se você usa o Windows, é apenas um aborrecimento ...

Certo, testei seu código no meu computador (usando o Google Chrome 31 (provavelmente) e Firefox 25) .

Para isso: <form method="post"> <p>Crust <select name="crust" multiple> <option value="c1">Normal</option> <option value="c2" selected>Chicago Deep Dish</option> <option value="c3">New York Thin</option> </select> </p> </form>

Eu tenho esse (Firefox à esquerda, Chrome à direita) :

Semmultiple,recebiissocomcaixassuspensas:

Então o html funciona, mas pode ser o navegador que está com defeito. Você poderia

1) Atualize seus navegadores - as tags relevantes devem ser compatíveis com o Firefox e o Chrome (consulte aqui ), mas às vezes pode demorar um pouco para as distribuições Linux desses navegadores se atualizarem e funcionarem corretamente.

2) Teste de maneiras diferentes. Tente testá-lo com o html sozinho (sem nenhum dos conjuntos de campos e coisas que aparecem no tutorial) ou colocando-o em uma página da Web adequadamente sintaxe:

<!DOCTYPE HTML>
<html>
<head>
    <title>Test Page</title>
    <link rel="shortcut icon" href="" type="image/gif" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" >
    <meta name="keywords" content="">
    <meta name="description" content="" />
    <meta name="created" content="">
    <meta http-equiv="content-language" content="en-uk">
</head>
<body lang="en-gb" >
<form method="post"> <p>Crust <select name="crust" multiple> <option value="c1">Normal</option> <option value="c2" selected>Chicago Deep Dish</option> <option value="c3">New York Thin</option> </select> </p> </form>
</body>
</html>
    
por Wilf 03.12.2013 / 00:41