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

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

当前回答

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


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

2019-06-11 01:46:09

其他回答

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

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

2011-05-15 08:09:18

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

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

2013-06-25 12:14:52

几点注意事项和澄清:

placeholder='' inserts your text, but it is greyed out (in a tool-tip style format) and the moment the field is clicked, your text is replaced by an empty text field. value='' is not a <textarea> attribute, and only works for <input> tags, ie, <input type='text'>, etc. I don't know why the creators of HTML5 decided not to incorporate that, but that's the way it is for now. The best method for inserting text into <textarea> elements has been outlined correctly here as: <textarea> Desired text to be inserted into the field upon page load </textarea> When the user clicks the field, they can edit the text and it remains in the field (unlike placeholder=''). Note: If you insert text between the <textarea> and </textarea> tags, you cannot use placeholder='' as it will be overwritten by your inserted text.

2016-09-06 00:01:28

以防万一，如果你在你的项目中使用Angular.js(就像我一样)，并为你的<textarea>设置了ng-model，在里面设置默认值如下:

<textarea ng-model='foo'>Some default value</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 = angsnake .模块(“myApp”); myApp。控制器(“MyCtrl”，[“$scope”，function($scope) 美元的范围。foo =一些默认值; }); < !DOCTYPE html > < > html < head > <剧本剧本src = " https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js " > < / > <元charset = utf-8”> <片名本< - > JS头衔> < / head > <车身ng-app =“myApp > < div ng-controller = MyCtrl”> < textarea ng-model =“foo”> < / textarea > < / div > < / body > < / html >

2015-10-02 19:50:42

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


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

2019-06-11 01:46:09

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

推荐文章

最新文章

标签