Question

我在textarea中设置了默认值。我希望当有人点击textarea时，默认值会消失。什么是HTML代码？

Answer 1

您正在寻找HTML5 placeholder属性：

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

这适用于除IE之外的所有新浏览器。要覆盖旧浏览器，you can use a shim

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("");
    });

或textarea标签内的javascript：

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;
   }
}

需要HTML textarea标签帮助

4 个答案: