2014-01-15 2 views
0

У меня есть проблема. Моя страница регистрации темная, а входные данные на странице также темные (с контрастными затенениями). У меня нет меток для ввода, потому что у меня есть текст заполнителя, который является более светлым цветом, который очень заметен. К сожалению, сегодня я обнаружил, что в Internet Explorer 10 и более ранних версиях заполнителей нет, поэтому любой, у кого есть этот браузер, просто должен угадать, для чего нужны входы. Есть ли что-нибудь, что я могу сделать или взломать это?Входной заполнитель для IE не работает

Большое спасибо.

+0

Ehm, placeholder отлично работает в IE10. –

ответ

1

Существует действительно хороший плагин jQuery, который должен быть тем, что вы после него: https://github.com/mathiasbynens/jquery-placeholder. После установки этот плагин позволит вам просто использовать атрибут placeholder, как обычно.

+0

Причина для понижения? – wickywills

+0

Не знаете, почему вы занижены ... если OP нуждается/хочет заполнители в более раннем IE Javascript, это единственное возможное решение. Вот 10 + библиотеки: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills#web-forms--input-placeholder – Benjamin

+1

@Benjamin - спасибо, это полезная ссылка. Я думаю, что кто-то из SO делает несколько раундов пробок вниз. Угадайте, что кто-то счастлив, что у них достаточно репутации, чтобы сделать это :) – wickywills

0

Используйте <label> рядом со входом. Если пользователь не может указать, что они должны вводить в поле, если местозаполнитель не отображается, то это не является подходящим использованием заполнителя.

От the specification:

Атрибут Прототип представляет краткую подсказку (слово или короткую фразу ), предназначенный для помощи пользователю ввода данных, когда элемент управления имеет значения. Подсказка может представлять собой примерное значение или краткое описание ожидаемого формата . [...]

Атрибут заполнитель не должен использоваться в качестве замены для этикетки

+0

Для целей дизайна/пользовательского интерфейса ярлык на этой странице выглядел бы неплохо. –

+1

Всегда приятно видеть, что хорошо выглядят хорошие приоритеты, работая хорошо или правильно. – Quentin

+0

+1 - это хорошая информация, связанная с исходным вопросом. Не знаете, почему вы были занижены ... – wickywills

0

Заполнитель поддерживается в IE10, но не ниже (Can I use Placeholder)

я что-нибудь может сделать или взломать это?

Если у вас должны быть заполнители, вам нужно будет спуститься по маршруту JavaScript. Есть много примеров этого на SO, вот пара.

https://stackoverflow.com/a/10337071/1593273

https://stackoverflow.com/a/19312280/1593273

Как Quentin сказал, если информация, которую вы показываете имеет важное значение и должны быть доступны для всех пользователей (включая читателей экрана тоже), то ваша реализация не является правильным и следует передумать.

Если браузеры, которые вы поддерживаете, не имеют поддержки для заполнителей, то они просто улучшают и не должны зависеть.

Смежные вопросы