Замена дефолтного value у input при наборе
Имеется форма поиска с дефолным значением value:
<input type="text" value="Слово" /> Подключен скрипт который скрывает value когда поле в фокусе:
function hideValue() {
var elem = $('#search-field');
if (elem.size() > 0) {
elem.each(function () {
var defaultVal = $(this).val();
$(this).focus(function () {
if ($(this).val() == defaultVal) {
$(this).val('');
}
}).blur(function () {
if ($(this).val() == '') {
$(this).val(defaultVal);
}
});
});
}
}
hideValue();
Помогите пожалуйста написать скрипт который будет менять значение value когда производится набор в поле. Или подскажите какие использовать методы и/или события: onchange, keydown ...? |
а как оно должно меняться?
value само меняется при наборе |
Да, видимо это ошибки в скрипте в установке значений по умолчанию.
|
Цитата:
<input id="search-field" type="text" value="Слово" /> |
<input type="text" data-default="Введите имя" value="" />
<input type="text" data-default="Введите пароль" value="" />
<input type="text" data-default="Введите еще что-то" value="" />
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("[data-default]").focus(function() {
if ( this.value == this.getAttribute( 'data-default' ) ) {
this.value = "";
}
}).blur(function() {
if ( this.value == "" ) {
this.value = this.getAttribute( 'data-default' );
}
}).blur();
});
</script>
|
spo, для твоих "слов" можно вообще использовать
http://htmlbook.ru/html/input/placeholder |
Цитата:
|
| Часовой пояс GMT +3, время: 09:55. |