我想为我的 html <textarea> 设置一个默认值。我从材料中读到，要添加默认值，您必须执行<textarea>This is default text</textarea> 之类的操作。我这样做了，但它不起作用。什么是正确的做法？
【问题讨论】：
这是我的jsFiddle 示例。这很好用：
<textarea name='awesome'>Default value</textarea>
【讨论】：
asp-for 的开发人员必须在模型类中使用构造函数来设置默认值，因为这个答案对他们没有帮助
您可以使用placeholder Attribute，它不会添加默认值，但可能是您需要的：
<textarea placeholder="this text will show in the textarea"></textarea>
在这里查看 - http://jsfiddle.net/8DzCE/949/
重要提示（正如 Jon Brave 在 cmets 中所建议的那样）：
占位符属性不设置文本区域的值。而是“占位符属性表示一个简短的提示（单词或短语），旨在在控件没有值时帮助用户输入数据”[并且一旦用户单击文本区域，它就会消失]。它永远不会充当控件的“默认值”。如果需要，您必须将所需的文本放在 Here is the actual default value 中，根据此处的其他答案
【讨论】：
placeholder 没有设置textarea 的值。而是“占位符属性表示一个简短的提示（单词或短语），旨在在控件没有值时帮助用户输入数据”[并且一旦用户单击文本区域，它就会消失]。它永远不会充当控件的“默认值”。如果需要，您必须按照此处的其他答案将所需文本放入 <textarea>Here is the actual default value</textarea> 中。
如果您想将数据库中的信息带入 textarea 标签进行编辑： 输入标签不显示占几行的数据：rows不行，标签输入是一行。
<!--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>
【讨论】：
以防万一您在项目中使用 Angular.js（就像我一样）并为您的 <textarea> 设置了 ng-model，在内部设置默认值，如下所示：
<textarea ng-model='foo'>Some default value</textarea>
...行不通！
您需要在相应的控制器中将默认值设置为textarea的ng-model或使用ng-init。
示例 1（使用 ng-init）：
var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl', [ '$scope', function($scope){
// your controller implementation here
}]);<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body ng-app='myApp'>
<div ng-controller="MyCtrl">
<textarea ng-init='foo="Some default value"' ng-model='foo'></textarea>
</div>
</body>
</html>示例 2（不使用 ng-init）：
var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl', [ '$scope', function($scope){
$scope.foo = 'Some default value';
}]);<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body ng-app='myApp'>
<div ng-controller="MyCtrl">
<textarea ng-model='foo'></textarea>
</div>
</body>
</html>【讨论】：
一些注释和说明：
placeholder='' 插入您的文本，但它显示为灰色（以工具提示样式格式），并且在单击该字段的那一刻，您的文本将被一个空文本字段替换。
value='' 不是<textarea> 属性，仅适用于<input> 标签，即<input type='text'> 等。我不知道为什么HTML5 的创建者决定不合并它，但目前就是这样。
在<textarea> 元素中插入文本的最佳方法已在此处正确概述为：<textarea> Desired text to be inserted into the field upon page load </textarea> 当用户单击该字段时，他们可以编辑
文本并保留在字段中（与 placeholder='' 不同）。
<textarea> 和</textarea> 标记之间插入文本，则不能使用placeholder=''，因为它会被插入的文本覆盖。【讨论】：
<textarea> 支持多行内容，很难挤进value 属性:)
另外，这对我来说效果很好：
<textarea class="form-control" rows="3" name="msg" placeholder="Your message here." onfocus='this.select()'>
<?php if (isset($_POST['encode'])) { echo htmlspecialchars($_POST['msg']);} ?>
</textarea>
在这种情况下，$_POST['encode'] 来自：
<input class="input_bottom btn btn-default" type="submit" name="encode" value="Encode">
PHP 代码被插入到和标记之间。
【讨论】：
占位符不能设置文本区域的默认值。你可以使用
<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>
必需的命令可以最大限度地减少使用 php 检查空字段所需的工作量。
【讨论】：
您可以使用 this.innerHTML。
<textarea name="message" rows = "10" cols = "100" onfocus="this.innerHTML=''"> Enter your message here... </textarea>当文本区域被聚焦时，它基本上使文本区域的innerHTML成为一个空字符串。
【讨论】：
请注意，如果您在 textarea 渲染后对其进行了更改；您将获得更新的值而不是初始化的值。
<!doctype html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
$(function () {
$('#btnShow').click(function () {
alert('text:' + $('#addressFieldName').text() + '\n value:' + $('#addressFieldName').val());
});
});
function updateAddress() {
$('#addressFieldName').val('District: Peshawar \n');
}
</script>
</head>
<body>
<?php
$address = "School: GCMHSS NO.1\nTehsil: ,\nDistrict: Haripur";
?>
<textarea id="addressFieldName" rows="4" cols="40" tabindex="5" ><?php echo $address; ?></textarea>
<?php echo '<script type="text/javascript">updateAddress();</script>'; ?>
<input type="button" id="btnShow" value='show' />
</body>
</html>
如您所见，textarea 的值将不同于关注 textarea 的开始标签和结束标签之间的文本。
【讨论】：
您还可以添加“值”属性并将其设置为：
<textarea value="your value"> </textarea>
【讨论】：
<textarea>不支持value属性”。