How to become an author
Search
Write a publication
Pull to refresh

Comments 49

Конечно, только у input[type=«text»] бывают плейсхолдеры.
И, конечно, в любой верстке у всех инпутов цвет плейсхолдера всегда #ccc.
Total votes 8: ↑7 and ↓1+6
Другие браузеры сами ставят цвет на формы вообще не спрашивая пользователя.
Мы все таки чаще используем светлые фоны для сайта и темный текст для форм. Но мне так же кажется, что искушенному пользователю труда не составит поправить цвета.
Total votes 5: ↑4 and ↓1+3
Искушенные пользователи не используют monkey-patching, а берут конфигурируемые плагины.
Total votes 4: ↑2 and ↓20
И если введёный текст совпадает с плейсхолдером, то его надо стереть при повторном фокусе…
Total votes 2: ↑2 and ↓0+2
Вряд ли вы разрешите у себя на сайте регистрацию с Логином «Логин» или телефоном "+7 (код оператора) номер телефона"

Придраться можно ко всему, это давно известный факт.

Скрипт много чего ещё не делает. Но только возникает вопрос, а нужно ли ему уметь это делать!?
This comment wasn’t rated yet0
Просто толку выкладывать обсалютно сырой кастыль для своего проекта на всеобщее обозрение? Пользы от него ноль, написать свой проблемы не составляет, 5 минут работы. фэлбаков тоже хватает.
This comment wasn’t rated yet0
Хабр читают не только хабролюди, которые в принципе уже по-умолчанию считаются в той или иной области специалистами.
И многим такой простой и ясный костыль вполне может помочь. Кому как пример, кому как костыль. А с вашими советами, допилю его до чего то более стоящего.
This comment wasn’t rated yet0
Если люди увидя ваш код начнут так же писать — то это будет плохая услуга. Допилите конечно, больше решений — лучше.
This comment wasn’t rated yet0
Почему только input[type=«text»]? К слову, есть еще: password, email, tel, number и т. д. Для textarea тоже нужен плейсхолдер. Причем для password и number инпутов такой финт с подставлением value вообще не прокатит.
Total votes 2: ↑2 and ↓0+2
И, кстати, что будет, если отправить такую форму, «заполненную» плейсхолдерами?
Total votes 2: ↑2 and ↓0+2
Согласен.
Исправил.
This comment wasn’t rated yet0
UFO just landed and posted this here
Если у вас в форме 300 текстовых полей, то конечно производительность упадет… Но случится это не только от этого скрипта.
This comment wasn’t rated yet0
UFO just landed and posted this here
Ну не тот случай мне кажется. Все таки речь об инпутах, причем только определенного типа.
Понятно, что можно это сделать плагином, отдельно вызывать на див или класс и вообще можно допилить его до… совершенства. Но я уже говорил, цель была не в этом, а в простом и дешевом способе использовать placeholder.

Скрипт был написан меньше чем за 3 минуты. Чего вы ждете? Очередного решения кроссбраузерности placeholder, коих уже есть с десяток (по меньшей мере). А зачем если они уже есть? Цель оправдана и достигнута, а размышления на тему «почему он мне борщ не варит» это уже полемика.
Total votes 3: ↑0 and ↓3-3
UFO just landed and posted this here
Ява отрабатывается на стороне пользователя. И говорить соответственно нужно о возможностях самого пользователя и производительности его компьютера. И возникает вопрос, на каком же калькуляторе пользователь должен зайти через ослика на сайт, найти такую форму, которая создаст ему проблемы в пользовании сайтом?

Можете хотя бы отдаленно выдать такой пример, что бы это не казалось голословным?
This comment wasn’t rated yet0
UFO just landed and posted this here
Окей. Спасибо за ответ и советы.
This comment wasn’t rated yet0
Можно немного смягчить данный пример.

$(«form input[type='text']») {…
This comment wasn’t rated yet0
UFO just landed and posted this here
Однако… Тот самый неловкий момент осознания… жуть.
Спасибо ещё раз советы и подсказки.
Был рад… на сегодня (домой уже хочу). Завтра можем продолжить.
This comment wasn’t rated yet0
$('form').find('input') или $('input.text') или просто $('.text')?
This comment wasn’t rated yet0
UFO just landed and posted this here
Кстати если уточнить условие…
Например:

$(«form»).find(«input[placeholder!='']»).each(functuion() {…
… });
This comment wasn’t rated yet0
Спасибо. Поправил.
This comment wasn’t rated yet0
И снова боянистые велосипеды.
Total votes 2: ↑2 and ↓0+2
Спасибо за ссылку. Хороший плагин.
This comment wasn’t rated yet0
Кстати, на мой взгляд, ставить лабел под инпут, а не поверх него, более лучшее решение. Это позволит прятать лабел не при фокусе, а только когда в инпут был вставлен текст, именно так, как ведет себя дефолтный placeholder в последних версиях хрома. В свое время накатал плагин с таким подходом github.com/claustrofob/Default-Text.
Total votes 1: ↑1 and ↓0+1
Вместо $(this).attr('value',tp) лучше просто $(this).val(tp).
Total votes 1: ↑1 and ↓0+1
потому что если уж пишется в синтаксисе jQuery то нужно писать все в нем а не городить смеси
Total votes 2: ↑1 and ↓10
эх… насколько же проклятый ишак затормозил развитие web… лет на 5 — точно.

о статье: слишком просто и очевидно, неуниверсально, уже существуют решения описанной задачи (jQuery-html5-placeholder).
This comment wasn’t rated yet0
Я не на минуту не отрицал существование других решений.
Можно писать плагины и стремится их делать универсальными. Процесс интересный и нужный. Но так же часто бывает нужным иметь простое решение, не задумываясь о лишней суете и деталях. Вот это как раз второй случай.
This comment wasn’t rated yet0
Быть может, стоить создать поддомен «Хабрахабр для маленьких», где разрешить публиковать подобные статьи из цикла «Мой третий день изучения <language|framework|...>»?
Total votes 4: ↑4 and ↓0+4
Я не хочу вас критиковать, но все таки «быстро, дешево и сердито» — это не главное для статьи.
Так не долго дождаться и примера: 
function focus_username( e )
{
	if ( e.value == "Имя пользователя" )
	{
		e.value = '';
		return false;
	}
}
This comment wasn’t rated yet0
это было адресовано к автору разумеется )
This comment wasn’t rated yet0
Биологическим оружием не торгую)
Total votes 2: ↑2 and ↓0+2
Наверное впредь я воздержусь писать сюда о подобном. Реакция весьма и весьма двусмысленная.
This comment wasn’t rated yet0
А по-моему, вполне однозначная
Total votes 2: ↑2 and ↓0+2
Создайте опрос на эту тему!
(сам давно это предлагал, считаю что сия, не лишенная иронии, идея вполне может быть реализована)
This comment wasn’t rated yet0
UFO just landed and posted this here
UFO just landed and posted this here
Можно штатными средствами $.support проверять.
This comment wasn’t rated yet0
ну или хотя бы так:
if(!!('placeholder' in document.createElement('input'))) return; // поддержка placeholders есть
Total votes 1: ↑1 and ↓0+1
Sign up to leave a comment.

Articles

Show the best of all time

Your account

Sections

Information

Services

Support
© 2006–2024, Habr