Плагин jQuery для placeholder?

Question

[Moe Green]

Подскажите новичку.

Есть ли плагин под jQuery, который вставляет заданный в коде текст в виде placeholder в input? При получении фокуса текст убирается, при потере фокуса - вновь появляется.

Видел такое решение на чистом javascript в виде встроенного в HML кода через style. Но ведь это признак плохого тона, встявлять таким образом код?

Comments

[Moe Green]

желательно еще решить вопрос с кросс-браузерностью для placeholder - поддержка в тех браузерах, кторые не умеют и не понимают.

Answer 1

[Vadim Bogomazov]

Можете просмотреть различные полифилы на этой страничке: https://github.com/Modernizr/Modernizr/wiki/HTML5-... раздел Web Forms : input placeholder

Answer 2

[andreyqin]

Я может чего не понимаю, но зачем для этого использовать плагин? Задача же вроде не сложная.
Ну а если уж говорить про placeholder, то забейте вы на старые браузеры, хватит насиловать трупы.

Comments

[Иван Беленков]

Всё меняется, когда приходят они - input[type="password"]. И задача становится сама по себе не такой уж и простой.

Answer 3

[Olexandr Dmukhovskiy]

Здравствуйте, использую вот такое фикс для старых ие

/* IE* placeholder fix */
	var IE='\v'=='v'
	if (IE) {
		$('[placeholder]').focus(function() {
			var input = $(this);
			if (input.val() == input.attr('placeholder')) {
				input.val('');
				input.removeClass('placeholder');
			}
			}).blur(function() {
				var input = $(this);
				if (input.val() == '' || input.val() == input.attr('placeholder')) {
					input.addClass('placeholder');
					input.val(input.attr('placeholder'));
				}
			}).blur();
		$('[placeholder]').parents('form').submit(function() {
			$(this).find('[placeholder]').each(function() {
				var input = $(this);
				if (input.val() == input.attr('placeholder')) {
					input.val('');
				}
			})
		});
	}

Comments

[Иван Беленков]

такой скрипт вам ничем не поможет, если у инпута стоит type="password". Кроме того, плейсхолдеры не поддерживают не только старые IE. а в остальном - да, решение хорошее.

Answer 4

[Иван Беленков]

jamesallardice.github.io/Placeholders.js - вот этот неплохой.

Answer 5

[Алексей Огоньков]

По сути ваша задача
- Поместить поверх инпута текст (менять value у инпута это адок)
- Слушать события focus и blur - убирать или показывать плейсхолдер

Пишется и отлаживается за 10 минут.

Answer 6

[Moe Green]

Хорошо, в js я совсем еще маленький, поэтому мне на ум приходит только одно решение:

<fieldset>
      <label for="search">search</label>
      <input type="text" name="search" value="search" onfocus="if(this.value == 'search'){this.value = '';}" onblur="if(this.value == ''){this.value = 'search';}">
</fieldset>

Оно самое? ))