如何为html <textarea>添加默认值?

我想为我的html <textarea>设置一个默认值。我从材料中读到，要添加默认值，你必须做一些事情，如<textarea>这是默认文本</textarea>。我试过了，但没用。正确的做法是什么?

当前回答

你可以使用this.innerHTML。

<textarea name="message" rows =" 10" cols =" 100" onfocus="this。innerHTML= " ">在这里输入您的消息…textarea > < /

当文本区域被聚焦时，它基本上会使文本区域的innerHTML成为空字符串。

其他回答

你也可以添加"value"属性并设置如下:


<textarea value="your value"> </textarea>

你可以使用this.innerHTML。

<textarea name="message" rows =" 10" cols =" 100" onfocus="this。innerHTML= " ">在这里输入您的消息…textarea > < /

当文本区域被聚焦时，它基本上会使文本区域的innerHTML成为空字符串。

你可以使用占位符属性，它不添加默认值，但可能是你正在寻找的:

<textarea placeholder="this text will show in the textarea"></textarea>

点击这里查看- http://jsfiddle.net/8DzCE/949/

重要提示(Jon Brave在评论中建议):

占位符属性不设置文本区域的值。相反，“占位符属性代表了一个简短的提示(一个单词或短语)，旨在帮助用户在控件没有值时输入数据”[并且一旦用户单击进入文本区域，它就会消失]。它永远不会作为控件的“默认值”。如果你想这样做，你必须把想要的文本放在这里是实际的默认值，就像这里的其他答案一样

下面是我的jsFiddle示例。这很好:

<textarea name='awesome'>Default value</textarea>

如果你想把数据库中的信息放到文本区域标签中进行编辑: 输入标记不显示占用数行的数据:行不工作，标记输入的是一行。

<!--input class="article-input" id="article-input" type="text" rows="5" value="{{article}}" /-->

textarea标签没有值，但与句柄一起工作很好

<textarea class="article-input" id="article-input" type="text" rows="9" >{{article}}</textarea>

推荐文章