Несколько и выбранный атрибут не отображается в браузерах

Question 1

Я смотрел обучающие видео по HTML5 от парня по имени Боб Табор и столкнулся с небольшой проблемой, на которую просто не могу найти ответ, поэтому извините, если я спрашиваю не тех людей. Я не могу понять, если это проблема с кодом, браузером или операционной системой.

Я использую тэг «select» с включенным атрибутом «множественный». С атрибутом «множественный», включенным в тег «select», атрибуты «selected», которые я помещаю в теги «option», вообще не отображаются на моем компьютере (но отображаются нормально без атрибута «multiple»). Я использую Chromium и Firefox на Ubuntu 12.04. Тем не менее, я попробовал точно такой же код на чужом компьютере (Google Chrome на ОС Windows), и он отображался отлично.

Есть идеи?

Question 2

Аккуратное учебное руководство - почему делает все, должно быть сделано в Internet Explorer хотя! Даже при использовании Windows это - просто раздражение....

Право, я протестировал Ваш код своего компьютера (использующий Google Chrome 31 (вероятно), и Firefox 25).

Для этого: <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>

Я получил это (оставленный Firefox, право Chrome):

multiple

Без multiple, Я получил это с выпадающими полями:

no-multiple

Так работы HTML, но это может быть браузер, который виновным. Вы могли

1) Обновите свои браузеры - соответствующие теги, как предполагается, совместимы с Firefox и Chrome (см. здесь), но он может иногда требовать времени для дистрибутивов Linux тех браузеров, чтобы нагнать и работать правильно.

2) Протестируйте его по-разному. Попытайтесь тестировать его с HTML самостоятельно (ни с одним из fieldsets и материала, которые появляются в учебном руководстве), или путем размещения его в правильно syntaxed веб-страница:

<!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>

Wilf · Answer 1 · 2 December 2013 в 21:21