Question

我试图在textarea中显示默认值，点击它应该清除现有数据，并且它应该显示默认文本。以下是我的代码 - ＆gt;

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

值没有显示在textarea.what`s错误???我们在这个网站的标题文本框中有类似的情况。我必须在我的情况下实现相同的。请提出答案。

Answer 1

正确的方法是

<textarea ...>defaulttext</textarea>

但你应该设置一个工作小提琴（包含的功能）来重现这个问题。

Answer 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>

Answer 3

您可以使用此

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

Answer 4

您可以使用占位符代替使用JavaScript。 jsfiddle。但旧浏览器不支持占位符。你可以使用jquery libratry。

<textarea class="FullTextArea" id="applyfieldscontrol" name="applyfieldscontrol" style="height:44px"  placeholder="defaulttext"></textarea>

javascript：在textarea中显示值

4 个答案: