Wie fügt man einen Standardwert für das HTML-<textarea> hinzu?

Question

Ich möchte einen Standardwert für mein HTML </code> setzen. Ich habe aus einem Material gelesen, dass um einen Standardwert hinzuzufügen, müssen Sie etwas in der Art von <code><textarea>Dies ist Standardtext tun. Das habe ich gemacht, aber es funktioniert nicht. Was ist das richtige Vorgehen?

Answer 1

Hier ist mein jsFiddle Beispiel. Das funktioniert gut:

Standardwert

Answer 2

Du kannst das Platzhalter Attribut verwenden, das keinen Standardwert hinzufügt, aber das sein könnte, wonach du suchst :

Probier es hier aus - http://jsfiddle.net/8DzCE/949/

Wichtiger Hinweis (Wie von Jon Brave in den Kommentaren vorgeschlagen) :

Das Platzhalterattribut setzt nicht den Wert eines Textfeldes. Stattdessen "Das Platzhalterattribut repräsentiert einen kurzen Hinweis (ein Wort oder kurzen Satz), der dem Benutzer bei der Dateneingabe helfen soll, wenn das Steuerelement keinen Wert hat" [und verschwindet, sobald der Benutzer in das Textfeld klickt]. Es wird niemals als "Standardwert" für das Steuerelement fungieren. Wenn du das möchtest, musst du den gewünschten Text im Textfeld platzieren. Hier ist der eigentliche Standardwert, wie es in anderen Antworten hier beschrieben ist.

Answer 3

Wenn Sie Informationen aus einer Datenbank in ein Textarea-Tag zum Bearbeiten einfügen möchten: Das Input-Tag zeigt Daten nicht an, die mehrere Zeilen belegen: Zeilen funktioniert nicht, das Input-Tag ist nur eine Zeile.

Das Textarea-Tag hat keinen Wert, funktioniert aber gut mit Handlebars

{{article}}

Answer 4

Falls Sie Angular.js in Ihrem Projekt verwenden (so wie ich) und ein ng-model für Ihr </code> festgelegt haben, setzen Sie den Standardwert einfach so:</p> <pre><code><textarea ng-model='foo'>Ein Standardwert

...wird nicht funktionieren!

Sie müssen den Standardwert für das ng-model des Textbereichs im entsprechenden Controller festlegen oder ng-init verwenden.

Beispiel 1 (mit ng-init):

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', [ '$scope', function($scope){
  // Implementierung Ihres Controllers hier
}]);

    JS Bin

Beispiel 2 (ohne Verwendung von ng-init):

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', [ '$scope', function($scope){
  $scope.foo = 'Ein Standardwert';
}]);

    JS Bin

Answer 5

Einige Anmerkungen und Klarstellungen:

• placeholder='' fügt Ihren Text ein, aber er ist ausgegraut (im Tool-Tipp-Stil) und im Moment, in dem das Feld angeklickt wird, wird Ihr Text durch ein leeres Textfeld ersetzt.

• value='' ist kein </code>-Attribut und funktioniert nur für <code><input></code>-Tags, d.h. <code><input type='text'></code>, usw. Ich weiß nicht, warum die Schöpfer von HTML5 beschlossen haben, das nicht zu integrieren, aber so ist es im Moment.</p></li> <li><p>Die beste Methode, um Text in <code><textarea></code>-Elemente einzufügen, wurde hier korrekt beschrieben: <code><textarea> Gewünschter Text, der beim Laden der Seite in das Feld eingefügt werden soll Wenn der Benutzer auf das Feld klickt, kann er den Text bearbeiten und er bleibt im Feld (im Gegensatz zu placeholder='').

• Hinweis: Wenn Sie Text zwischen die </code> und <code> Tags einfügen, können Sie placeholder='' nicht verwenden, da es durch Ihren eingefügten Text überschrieben wird.