如何为html <textarea>添加默认值?[关闭]

我想为html设置默认值<textarea>我从材料中读到,要添加默认值,您必须执行<textarea>This is default text</textarea>我做到了,但是没有用。正确的做法是什么?

Stafan2020/03/23 16:30:07

您可以使用this.innerHTML。

<textarea name="message" rows = "10" cols = "100" onfocus="this.innerHTML=''"> Enter your message here... </textarea>

当文本区域成为焦点时,基本上使文本区域的innerHTML成为空字符串。

小卤蛋2020/03/23 16:30:07

您还可以添加“值”属性并进行设置,如下所示:


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

Davaid前端Harry2020/03/23 16:30:07

如果要将来自数据库的信息带到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> 
番长猴子2020/03/23 16:30:07

占位符无法设置文本区域的默认值。您可以使用

<textarea rows="10" cols="55" name="description"> /*Enter default value here to display content</textarea>

如果将其用于数据库连接,则这是标签。如果您使用的语言不是php,则可以使用不同的语法。对于php:

例如:

<textarea rows="10" cols="55" name="description" required><?php echo $description; ?></textarea>

required命令最大程度地减少了使用php检查空字段所需的工作。

樱小胖Mandy2020/03/23 16:30:07

您可以使用placeholder Attribute,它不会添加默认值,但可能正是您要查找的内容:

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

在这里查看-http://jsfiddle.net/8DzCE/949/ 在此处输入图片说明

重要说明(如乔恩·布拉夫在评论中建议的那样)

占位符属性未设置文本区域的值。而是“占位符属性表示一个简短的提示(单词或短语),旨在在控件没有值时帮助用户进行数据输入” [[当用户单击文本区域时,它就会消失]。它永远不会充当控件的“默认值”。如果需要的话,必须将所需的文本放到此处。这是实际的默认值,如此处其他答案所示

蛋蛋2020/03/23 16:30:07

当我做这样的事情对我有用:

<textarea name="test" rows="4" cols="6">My Text</textarea>