Html select / option не открывается в браузерах Android
Приведенный ниже код взят в качестве примера из более крупного классического модуля asp.
<SELECT Name = "numSelect">
<OPTION Value = "NONE" selected>-- choose a number below --</OPTION>
<OPTION Value=1>1</OPTION>
<OPTION Value=2>2</OPTION>
<OPTION Value=3>3</OPTION>
<OPTION Value=4>4</OPTION>
</SELECT>
- код отлично работает в настольных браузерах, IE, Chrome, Firefox и Opera. Поле открыто, чтобы показать варианты, которые можно щелкнуть.
- однако код не работает в мобильных браузерах Android, Opera-mobile, Chrome, Firefox и во встроенном интернет-браузере Samsung. Список выбора открывается в этих браузерах при нажатии стрелки вниз. В этом есть одно отличие. Браузер Puffin для Android "делает" это правильно (то есть открыто).
- код также не работает в браузере iPhone и iPad Safari. Хотя отображается первый вариант, список не открывается. Раскрывающийся список открывается при нажатии стрелки вниз.
Я подумал, что это может быть связано с различиями между HTML5 и более ранними версиями, но я не нашел таких ссылок. Нет разницы в поведении обозревателя независимо от того, отправляется ли код через сервер ASP или как файл .html.
У меня двоякий вопрос.
- в чем может быть разница между браузерами? Я понимаю, что это тяжелый вопрос. Это может не быть ответом, но, если возможно, краткое объяснение.
- есть ли другой способ обработки поля выбора параметров (поле со списком, которое показывает список без необходимости щелкать стрелку вниз), который будет работать на Android? Я не ищу подробный код; но приветствовал бы предложение.
Спасибо за любую помощь и / или просвещение.
Редактировать: Как предлагается ниже, к атрибутам добавлены кавычки. Результаты такие же. Настольные браузеры правильно отображают select / option как открытое поле, но браузеры Android не отображаются как открытое поле, за исключением браузера Puffin, который правильно показывает открытое поле. Safari на iPhone и iPad также не показывает открытое окно.
Ответы 1
Проблема может быть связана с отсутствием кавычек в значениях атрибутов, например value.
Есть вопрос по этому поводу: HTML-атрибут без кавычек
Спецификация W3C гласит:
All attribute values must be quoted, even those which appear to be numeric.
https://www.w3.org/TR/xhtml1/#h-4.4
Итак, ваш код может быть таким:
<SELECT name = "numSelect">
<OPTION value = "NONE" selected>-- choose a number below --</OPTION>
<OPTION value = "1">1</OPTION>
<OPTION value = "2">2</OPTION>
<OPTION Value = "3">3</OPTION>
<OPTION value = "4">4</OPTION>
</SELECT>
Браузеры могут справиться с этим по-разному, и это может быть проблемой, и, добавив кавычки, ваш код будет соответствовать спецификации W3C.
Я думал, что у нас есть победитель, но, к сожалению, я получаю те же результаты с цитатами, что и без кавычек (отредактировал свой вопрос, чтобы сказать это). Как указано в W3, я изменю свой стиль программирования, чтобы использовать кавычки, но это еще не решение моей проблемы. Спасибо за отправку, чтобы очистить мое программирование.
Вы когда-нибудь понимали это? Та же проблема на старом планшете Android.