javascript：在文本区域中显示值

我试图在文本区域显示默认值，点击它应该清除现有数据，点击模糊它应该显示默认文本。下面是我的代码->

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

值没有显示在textarea中。有什么问题吗？？？我们在标题文本框中有类似的情况。我必须在我的情况下实现相同的情况。 请给出答案。

正确的方法是

<textarea ...>defaulttext</textarea>

但是您应该设置一个包含的工作小提琴函数来重现问题。

正确的方法是

<textarea ...>defaulttext</textarea>

---

但是，您应该设置一个包含的工作fiddle函数来重现问题。

如果您有一个选项并且想要使用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>

---

如果您有一个选项并且想要使用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>

---

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

---

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

你可以用这个

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

你可以用这个

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

---

---

Textareas应该将它们的值保存在标记名的内部/之间。这里是否缺少引号？样式=高度：44px；rows=2和+1@elias94xx听起来像是在尝试复制占位符属性的功能。为什么不直接用它呢？在旧的浏览器中有很多方法可以让它工作。@jamesalardice:Im使用IE8，占位符不起作用。我必须实现与此站点的标题框相同的情况。onBlur和onfocus必须这样做。但问题是vallue='default text'本身不显示。@user1495475-正如我提到的，您可以在旧浏览器中使用占位符。如前所述，您需要将值放在标记内，并去掉value属性。Textareas应该将其值放在标记名内/之间。您是否缺少引号？样式=高度：44px；rows=2和+1@elias94xx听起来像是在尝试复制占位符属性的功能。为什么不直接用它呢？在旧的浏览器中有很多方法可以让它工作。@jamesalardice:Im使用IE8，占位符不起作用。我必须实现与此站点的标题框相同的情况。onBlur和onfocus必须这样做。但问题是vallue='default text'本身不显示。@user1495475-正如我提到的，您可以在旧浏览器中使用占位符。如前所述，您需要将值放入标记中，并去掉value属性。@fabrizo:对不起，Wits working fiddle？？我使用IE8.placeholder不起作用。jsfiddle.net或jsbin.com:您可以编写并共享一个示例演示，包括标记、css、，简而言之，javascript复制您的代码。这是设置默认值的正确方法，但它不会模仿占位符属性。在这里发布代码比在另一个网站上发布要好得多。@fabrizo:对不起，fiddle在哪里工作？我使用IE8.placeholder不起作用。jsfiddle.net或jsbin.com:您可以编写并共享一个示例演示，包括标记、css、javascript，简单地复制您的代码。这是设置默认值的正确方法，但它不会模仿占位符属性。在这里发布代码比在另一个网站上发布代码要好得多。：谢谢你的回答。它起作用了。我不知道defaultValue将是在标签之间输入的文本。再次非常感谢。：谢谢你的回答。它起作用了。我不知道defaultValue将是在标签之间输入的文本。再次非常感谢。：很抱歉，我仍然有这个问题value=somevalue，它不显示此值。默认值对我有效。请参阅编辑后的答案。我编写了a/c以输入type=text。我没有看到文本框标题文本框中使用的是什么字体、族？当您单击“提问”时将获得的文本框。这应仅适用于默认文本。请建议我。文本区域{边框：1px solid 99999；字体系列：Consolas、Menlo、摩纳哥、Lucida控制台、解放Mono、DejaVu Sans Mono、比特流Vera Sans Mono、Courier New、monospace、serif；}这是针对StackOverflow的，但这不仅仅是针对默认文本。我们不能分开吗？：很抱歉，我仍然有一个问题，value=somevalue，它没有显示此值。默认值对我有效。请参阅编辑后的答案。我写了a/c以输入type=text。我没有看到文本框。这个网站在标题文本框中使用的字体、族是什么？那个文本框当你点击提问时，你会得到答案。这应该只适用于默认文本。请给我建议。textarea{border:1px solid 99999；字体系列：Console、Menlo、Monaco、Lucida Console、Liberation Mono、DejaVu Sans Mono、Bitstream Vera Sans Mono、Courier New、monospace、serif；}这是针对StackOverflow的，但这不仅仅是针对默认文本。我们不能分开吗？