jQuery автозаполнение поля
Очередной пример для умного автозаполнения текстового поля.
При клике первоначальный текст удаляется и если ничего не введено возвращается обратно.
Это уже третий пример реализации данной штуки.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
| ##### HTML #####
<input type="text" value="" placeholder="Write some instructions here" />
##### jQuery #####
// INPUT PLACEHOLDER
//---------------------------
$("'[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("''");
}
})
});
//--------------------------- |
Источник: http://jQuery автозаполнение поля |