Невозможно изменить атрибут defaultValue ввода с помощью jQuery

Question

У меня есть обработчики onfocus/onblur для поля, которое очищает содержимое по умолчанию при сфокусировке, но только если значение равно значению по умолчанию (чтобы не удалять пользовательский ввод) ,

Поле также может переключаться между входами. Поэтому вместо того, чтобы принимать имя пользователя, пользователь может нажать кнопку и принять адрес электронной почты. Для этого потребуется другое значение по умолчанию, например «введите адрес электронной почты». Реальный атрибут свойства defaultValue должен быть изменен, чтобы мои фокусными/обработчики нерезкости работать должным образом, используя что-то вроде этого:

$('input#ident-field').prop('defaultValue', 'enter your email address'); 

Это, кажется, не работает, потому что если вы сосредоточитесь на поле, когда он попросит адрес электронной почты он не очищает его.

Answer 1

Использование Шоудом HTML 5 атрибут placeholder

<input type="text" placeholder="Enter Your email address"/> 

Answer 2

Try с этим DemoJSFiddle Ссылка: http://jsfiddle.net/2yEtK/5/

Надежда это полезно для вас.

Answer 3

Вы можете сделать это с использованием фокуса и размытости функций:

$('input#ident-field').val("enter your email address"); 
// or $('input#ident-field').prop('defaultValue', 'enter your email address'); 
$('input#ident-field').focus(function(){ 
    $(this).val(""); 
}); 
$('input#ident-field').blur(function(){ 
    if($(this).val().trim() == "") 
    { 
     $(this).val("enter your email address"); 
    } 
});