Wie füge ich den Standardwert für html & lt; textarea & gt; hinzu?

Möchte ich ein default-Wert für meine html -<textarea>. Ich lese aus einem material, das zum hinzufügen von Standard-Wert, den Sie haben, etwas zu tun, wie <textarea>This is default text</textarea>. Habe ich gemacht aber es funktioniert nicht. Was ist die richtige Sache zu tun?

InformationsquelleAutor der Frage Newbie Coder | 2011-05-15

  1. 468

    Hier ist mein jsFiddle Beispiel. dies funktioniert gut:

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

    InformationsquelleAutor der Antwort Andrew Jackman

  2. 68

    Können Sie Platzhalter Attributdie nicht fügen Sie eine Standardwert aber könnte das sein, was Sie suchen nach :

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

    Check it out hier - http://jsfiddle.net/8DzCE/949/
    Wie füge ich den Standardwert für html & lt; textarea & gt; hinzu?

    Wichtiger Hinweis ( Wie vorgeschlagen von Jon Mutig in die Kommentare ) :

    Platzhalter-Attribut nicht den Wert einer textarea. Eher "Das Platzhalter-Attribut stellt einen kurzen Hinweis (ein Wort oder einen kurzen Satz) soll dem Benutzer helfen, mit Daten-Eintrag, wenn das Steuerelement keinen Wert hat" [und es verschwindet, sobald der Benutzer klickt in das Textfeld]. Es wird nie als "der default-Wert" für die Steuerung. Wenn Sie das wollen, müssen Sie den gewünschten text innerhalb des Hier ist der aktuelle Standard-Wert, nach anderen Antworten hier

    InformationsquelleAutor der Antwort bhavya_w

  3. 14

    Wenn Sie wollen, um Informationen aus einer Datenbank in ein textarea-tag für die Bearbeitung:
    Die input-Tags nicht zur Anzeige von Daten, die mehrere Linien besetzt: Zeilen keine Arbeit, die tag-Eingabe besteht aus einer Zeile.

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

    Den textarea-tag hat keine Wertaber funktionieren mit LENKER

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

    InformationsquelleAutor der Antwort user2519992

  4. 5

    Wenn ich so etwas mache es bei mir geklappt hat:

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

    InformationsquelleAutor der Antwort Arun Raj

  5. 4

    Auch dies funktionierte sehr gut für mich:

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

    In diesem Fall $_POST['encode'] kam aus dieser:

    <input class="input_bottom btn btn-default" type="submit" name="encode" value="Encode">

    Den PHP-code eingefügt wurde, zwischen dem und-tags.

    InformationsquelleAutor der Antwort winthropite

  6. 3

    Einige Anmerkungen und Klarstellungen:

    • placeholder='' fügt Ihren text, aber es ist ausgegraut (in einem tool-tip-Stil-format) und in dem moment wird das Feld angeklickt, wird der text ersetzt durch ein leeres Textfeld.

    • value='' ist nicht ein <textarea> Attribut, und funktioniert nur für <input> tags, dh <input type='text'> usw. Ich weiß nicht, warum die Macher von HTML5 entschieden, sich nicht zu integrieren, aber so ist es für jetzt.

    • Die beste Methode für das einfügen von text in <textarea> Elemente bereits korrekt hier: <textarea> Desired text to be inserted into the field upon page load </textarea> Wenn der Benutzer auf das Feld klickt, können Sie Bearbeiten die
      text und es bleibt in dem Bereich (im Gegensatz zu placeholder='').

    • Hinweis: Wenn Sie text einfügen, zwischen die <textarea> und </textarea> tags, die Sie verwenden können placeholder='' wie es wird überschrieben durch Ihre eingefügten text.

    InformationsquelleAutor der Antwort twknab

  7. 2

    Platzhalter nicht festlegen, der Standardwert für text-Bereich. Sie können 

    <textarea><?php /*Enter echo $variable here to display content ;?></textarea>

    Dies ist der tag, wenn Sie es sind, die für die Datenbank-Verbindung. Sie verwenden möglicherweise unterschiedliche syntax bei der Verwendung von anderen Sprachen als php.

    z.B.:

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

    gewünschten Befehl minimiert Anstrengungen erforderlich, um zu überprüfen, leere Felder mit php.

    InformationsquelleAutor der Antwort Amey Ambardekar

  8. 0

    Bitte beachten Sie, dass, wenn Sie wenn Sie änderungen vorgenommen haben, textarea, nachdem es gemacht habe. Sie erhalten den aktualisierten Wert statt dem Wert initialisiert.

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

    Wie Sie sehen können den Wert der textarea wird anders sein als der text zwischen den öffnenden und den schließenden tag Sorge textarea.

    InformationsquelleAutor der Antwort Adeel

Schreibe einen Kommentar