как очистить форму каждого конкретного поля ввода по щелчку мыши на нем с помощью jquery

Question

У меня есть форма с вводом текста, имеющим некоторое значение, например, введите имя и т. Д. И т. Д. Я хочу, чтобы, когда клиент нажимал на текстовое поле, текст по умолчанию исчезал.Я после поиска добавил onclick = "this.value = \ '\'", но его не очистка, пожалуйста, помогите.

Answer 1

Вы можете использовать то, что stackoverflow использует в окне поиска:

<input onfocus="if (this.value=='search') this.value = ''" type="text" value="search">

Кроме того, здесь есть вопрос о том же: Как сделать, чтобы текстовое поле HTML показывало подсказку, когда пусто?

ПРИМЕЧАНИЕ. В HTML5 вы можете использовать следующее:

<input type="email" name="address" placeholder="john@example.net">

http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#attr-input-placeholder

Answer 2

Это примерно так,

$('#userName').onfocus(function(){
   if($(this).val() === 'User Name'){
    $(this).val('');
 }
})
.onblur(function(){
    if($(this).val() === ''){
        $(this).val('User Name');
     }
});

Answer 3

Я рекомендовал использовать onfocus с onblur.Если клиент установил курсор на текст поля, это скрыть, но если он не записывает в поле - возвращается текст по умолчанию.

<input type="text" value="search" onfocus="if(this.value=='search') this.value=''" onblur="if(this.value=='') this.value='search'">

Answer 4

Это должно сделать это.

$('#yourFormId').find('input').click(function(){
    $(this).val('');

}

но то, что вы, вероятно, действительно хотите, это что-то вроде плагина labelOVer: http://remysharp.com/2007/03/19/a-few-more-jquery-plugins-crop-labelover-and-pluck/#labelOver