Требуется помощь тега HTML textarea

Question

Я установил значение по умолчанию в textarea.Я хочу, чтобы, когда кто-то нажимал на область текста, значение по умолчанию исчезало.Какой код HTML для этого?

Answer 1

Вы ищете атрибут HTML5 placeholder:

<textarea name="mytext" cols="30" rows="5" placeholder="Default"></textarea>

Это будет работать во всех новых браузерах, кроме IE. Чтобы закрыть старый браузер, вы можете использовать шим

Answer 2

Вы не можете сделать это в HTML. Вы должны будете использовать Javascript для этого. Так что-то вроде этого ...

<textarea name="mytext" cols="30" rows="5" onfocus="if(this.value=='Default')this.value='';">
    Default
</textarea>

Свойство onfocus позволит выполнять Javascript, как только текстовое поле будет в фокусе. Javascript проверяет, является ли текст значением по умолчанию, и, если это так, очищает текстовое поле.

Answer 3

попробуйте это jQuery

$("#id_of_textarea").focus(function(){
    $(this).val("");
    });

или javascript внутри тега textarea:

onfocus="this.value='';"

или для более новых браузеров html5 (также в теге textarea):

placeholder="Your Default String" 

или вернуть его:

onfocus="if(this.value=='Default String') this.value='';"
       onblur="if(this.value=='') this.value='Default String';"

Answer 4

<textarea onfocus="this.value = ''">This is my default value</textarea>

это маленький кусочек кода, отвечающий:

onfocus="this.value = ''"

в основном, когда происходит событие фокуса, значение текущего поля устанавливается в пустую строку ""

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

<textarea id="myfield">This is my default value</textarea>

javascript:

var defaultMsg = "This is my default value";
document.getElementById("myfield").onfocus = function () {
   if (this.value == defaultMsg) {
      this.value = "";
   }
}

document.getElementById("myfield").onblur = function () {
   if (this.value == "") {
      this.value = defaultMsg;
   }
}