1

我正在尝试在 textarea 中显示默认值，单击它应该清除现有数据并在模糊时它应该显示默认文本。以下是我的代码->

<textarea class="TextArea" id="appfield" name="appfield" style="height:44px;" rows="2" onfocus="deletetext(this)" onblur="filltext(this)" value="defaulttext"></textarea>

值未显示在 textarea 中。出了什么问题？我们在这个网站的标题文本框中有类似的情况。我必须在我的情况下实现相同的情况。请提出一个答案。

4

4 回答 4

2

正确的方法是

<textarea ...>defaulttext</textarea>

但是您应该设置一个工作小提琴（包括功能）来重现该问题。

于 2012-09-25T11:27:55.433 回答
2

如果您有一个选项并且想要使用 HTML5，您可以使用占位符属性来实现。

<textarea 
    class="TextArea" 
    id="appfield" 
    name="appfield" 
    style="height:44px; 
    rows="2" 
    placeholder="default text"
    value=""></textarea>

其他选项是

<textarea 
    onfocus="if(this.value==this.defaultValue)this.value='';"
    onblur="if(this.value=='')this.value=this.defaultValue;"
    class="TextArea"
    id="appfield" 
    name="appfield" 
    style="height:44px; 
    rows="2">default text</textarea>
于 2012-09-25T11:29:16.757 回答
2

你可以用这个 

 <textarea  id="username"  name="username" 
onfocus="if(this.value=='somevalue') { this.value='';this.style.color='#333333';}" 

onblur="if(this.value=='') {this.value='somevalue'; this.style.color='#B2B2B2';}">
somevalue
</textarea>
于 2012-09-25T11:33:03.793 回答
0

您可以使用占位符，而不是使用 JavaScript。jsfiddle。但旧版浏览器不支持占位符。你可以使用jquery 库。

<textarea class="FullTextArea" id="applyfieldscontrol" name="applyfieldscontrol" style="height:44px"  placeholder="defaulttext"></textarea>
于 2012-09-25T11:31:08.520 回答