Как очистить textarea при нажатии?

Ответ 1

Ваш JavaScript:

function clearContents(element) {
  element.value = '';
}

И ваш HTML:

<textarea onfocus="clearContents(this);">Please describe why</textarea>

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

И здесь (гораздо лучше) идея, о которой говорит Дэвид Доорвар в комментариях выше:

<label for="explanation">Please describe why</label>
<textarea name="explanation" id="explanation"></textarea>

Ответ 2

Почему бы просто не использовать атрибут placeholder?

<textarea placeholder="Please describe why"></textarea>

Это поместит ваш текст наполнителя в серый цвет, который автоматически исчезнет, ​​когда пользователь нажмет на текстовое поле. Кроме того, он снова появится, если он потеряет фокус, а текстовая область пуста.

Ответ 3

Это ваш файл javascript:

function yourFunction(){
     document.getElementById('yourid').value = "";
};

Это html файл:

    <textarea id="yourid" >
    Your text inside the textarea
    </textarea>
    <button onClick="yourFunction();">
     Your button Name
     </button>

Ответ 4

Try:

<input name="mytextbox" onfocus="if (this.value=='Please describe why') this.value = ''" type="text" value="Please Describe why">

Ответ 5

Вы имели в виду это как текстовое поле?

<input type="text" onblur="if(this.value == '') this.value='SEARCH';" onfocus="if(this.value == 'SEARCH') this.value='';" size="15" value="SEARCH" name="xSearch" id="xSearch">

Или это для textarea?

<textarea id="usermsg" rows="2" cols="70" onfocus="if(this.value == 'enter your text here') this.value='';" onblur="if(this.value == '') this.value='enter your text here';" >enter your text here</textarea>

Ответ 6

Лучшее решение, которое я знаю до сих пор:

<textarea name="message" onblur="if (this.value == '') {this.value = 'text here';}"   onfocus="if (this.value == 'text here') {this.value = '';}">text here</textarea>

Ответ 7

Попробуйте ссылку ниже на страницу, которую я нашел. Это кажется очень хорошим решением проблемы и не очищает текст, если пользователь вводит данные и снова вбрасывает окно.

http://www.yourhtmlsource.com/forms/clearingdefaulttext.html

Ответ 8

<textarea name="post" id="post" onclick="if(this.value == 'Write Something here..............') this.value='';" onblur="if(this.value == '') this.value='Write Something here..............';" >Write Something here..............</textarea>

Ответ 9

jQuery атрибут val() должен выполнять задание. Вы можете сделать $('#YourTextareaID').click(function(e) { e.target.value = ''; }).

Ответ 10

Вы можете попробовать этот код,

<textarea name="textarea" cols="70" rows="2" class="searchBox" id="textarea" onfocus="if(this.value == 'Please describe why') this.value='';" onblur="if(this.value == '') this.value='Please describe why';">Please describe why</textarea>

Ответ 11

<textarea onClick="javascript: this.value='';">Please describe why</textarea>