Как вы можете удалить входной текст?

Question

У меня есть поле ввода, в котором вы можете ввести текст. Он имеет текст некоторые значения по умолчанию:

<input type="text" id="text" value="Type some text here" maxlength="35" tabindex="10"> 

Я хочу, чтобы сделать текст по умолчанию исчезает, когда пользователь нажимает на текст по умолчанию или в поле ввода.

Как это сделать?

Answer 1

Вместо того, чтобы использовать заполнитель атрибута вы можете также попробовать Тхи s:

<input type="text" value="Type some text here" onfocus="if (this.value == 'Type some text here') {this.value=''}" /> 

Answer 2

Используйте атрибут замещающий

<input type="text" id="text" value="" maxlength="35" tabindex="10" placeholder="Type some text here"> 

Если вы хотите поддержать старые браузеры:

<input type="text" id="text" value="Type some text here" maxlength="35" tabindex="10" onclick="this.value = (this.value == 'Type some text here' ? '' : this.value);"> 

http://jsfiddle.net/gLjt98af/

Answer 3

Попробуйте с помощью атрибута заполнителя (заполнителем = "Ваш текст" вместо значения = «Ваш текст»):

<input type="text" id="text" maxlength="35" tabindex="10" placeholder="Type some text here"> 

Примечание: атрибут Placeholder не работает в IE8/9 или Opera Mini (http://caniuse.com/#feat=input-placeholder).

Answer 4

1) Использование атрибут заполнителя

Вы можете использовать атрибут заполнителя, как показано ниже. Он покажет, пока вы не нажмете внутри текстового поля. Когда вы введете что-нибудь внутри, текст исчезнет.

HTML

<input type="text" id="text" placeholder="Type some text here" maxlength="35" tabindex="10"> 

2) Используя функцию Java Script

HTML

<input type="text" id="text" value="Type some text here" maxlength="35" tabindex="10" 
onclick='cleartext()' onblur='settext()'> 

JS

function cleartext(){ 
    document.getElementById('text').value= ''; 
} 

function settext(){ 
    if(document.getElementById('text').value=== ''){ 
    document.getElementById('text').value= 'Type some text here' 
    } 
}