Detaillierte Erläuterung der Verwendung des Textarea-Tags in HTML

Mit dem

textarea-Tag wird ein mehrzeiliges Texteingabesteuerelement definiert, in das Text beliebiger Länge eingegeben werden kann. Sie können den hier eingegebenen Wert auch mit Programmen wie PHP an den Server senden. In diesem Artikel stellen wir die Verwendung des Textarea-Tags in HTML ausführlich vor.

Werfen wir einen kurzen Blick auf den Unterschied zwischen dem input-Tag und dem textarea-Tag

Indem wir das Typattribut auf Text setzen , Das Eingabe-Tag kann ähnliche Effekte wie das Textarea-Tag erzielen.

Mit dem Input-Tag können Sie jedoch nur eine Textzeile eingeben. Wenn Sie mehrere Textzeilen eingeben möchten, können wir den Textarea-Tag verwenden.

Wie verwende ich das Textarea-Tag?

Wir können das Textarea-Tag verwenden, um die Anzahl der Zeilen und Spalten anzugeben

Der Code lautet wie folgt

<Detaillierte Erläuterung der Verwendung des Textarea-Tags in HTML>
    <form action="/form.php" method="post">
        <div>
            <label for="message">内容</label>
            <textarea id="message" name="message"　cols="50" rows="10"></textarea>
        </div>
        <input type="submit" value="发送">
    </form>
</Detaillierte Erläuterung der Verwendung des Textarea-Tags in HTML>

Der Laufeffekt ist wie folgt

Im Textarea-Tag wird die Größe im cols-Attribut (horizontale Richtung) bzw. im rows-Attribut (vertikale Richtung) bestimmt.

Bestimmen Sie die maximale Anzahl von Zeichen

Der Beispielcode lautet wie folgt

<Detaillierte Erläuterung der Verwendung des Textarea-Tags in HTML>
    <form action="/form.php" method="post">
        <div>
            <label for="message">内容</label>
            <textarea id="message" name="message" cols="50" rows="10"　maxlength="20"></textarea>
        </div>
        <input type="submit" value="发送">
    </form>
</Detaillierte Erläuterung der Verwendung des Textarea-Tags in HTML>

Die laufenden Ergebnisse sind wie folgt

In diesem Fall wird zusätzlich zum obigen Code die maximale Zeichenanzahl über das Attribut maxlength festgelegt.

Schließlich können wir auch das Textarea-Tag so einstellen, dass es den vorab geschriebenen Text nicht ändern kann

Der Code lautet wie folgt

<Detaillierte Erläuterung der Verwendung des Textarea-Tags in HTML>
    <form action="/form.php" method="post">
        <div>
            <label for="message">内容</label>
            <textarea id="message" name="message" cols="50" rows="10"　maxlength="20" readonly>这有这个内容</textarea>
        </div>
        <input type="submit" value="发送">
    </form>
</Detaillierte Erläuterung der Verwendung des Textarea-Tags in HTML>

Der Lauf Die Ergebnisse sind wie folgt

In diesem Fall habe ich durch Festlegen des schreibgeschützten Attributs festgelegt, dass das, was hinzugefügt wurde, nicht geändert werden kann.

Das Obige ist der gesamte Inhalt dieses Artikels. Weitere spannende Inhalte finden Sie in den entsprechenden Kolumnen-Tutorials auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung des Textarea-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!