需要HTML textarea标记帮助

我已经在textarea中设置了默认值。我希望当有人点击textarea时，默认值就会消失。什么是HTML代码？需要HTML textarea标记帮助

2011-07-21 Webroots

-1

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

来源

2011-07-21 16:12:08 Ibu

即使在用户输入他/她自己的文本后，这将清除该值。 – tskuzzy

好的...之后，如果用户没有写入任何内容并点击了文本区域，那么如何返回默认值？ – Webroots

这绝对不仅仅是清晰的焦点。 – BoltClock

你不能在HTML做到这一点。你必须为此使用Javascript。因此，像这样......

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

的onfocus属性将允许Javascript来执行一次文本框具有焦点。 Javascript会检查文本是否为默认文件，如果是，它将清除文本框。

来源

2011-07-21 16:13:37 tskuzzy

要注意tskuzzy的解决方案，确保无论你把文本区域的默认文本，你也使它相同（大小写和所有内容）'this.value =='Default'的文本' – Joshua

试试这个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';"

来源

2011-07-21 16:18:10 Luke

占位符替换字符串，如果用户没有填充textarea并将焦点带到页面上的另一个元素。 – Luke

您正在寻找HTML5 placeholder属性：

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

这将在所有新的浏览器工作保存IE浏览器。覆盖较旧的浏览器，you can use a shim

来源

2011-07-21 16:20:54

需要HTML textarea标记帮助

回答

相关问题