Heim Web-Frontend HTML-Tutorial Wie kann ich die Größe des Textarea-Attributs im HTML-Format korrigieren? Einführung in ein Beispiel für ein Textbereichsattribut

Wie kann ich die Größe des Textarea-Attributs im HTML-Format korrigieren? Einführung in ein Beispiel für ein Textbereichsattribut

Aug 31, 2018 pm 03:13 PM
html textarea

In diesem Artikel wird hauptsächlich der vom textarea-Attribut in HTML-Formularen verwendete Textbereich vorgestellt, der als Nachrichtenfeld auf einer Webseite verwendet werden kann. Nachfolgend finden Sie auch eine detaillierte Erläuterung der spezifischen Formularseite Schauen Sie sich als nächstes diesen Artikel über das textarea-Attribut in HTML-Formularen an.

Werfen wir zunächst einen Blick auf die Verwendung von Textarea-Attributen fester Größe in HTML-Formularen:

Das HTML-Tag textarea muss nur Zeilen und Spalten angeben )-Attribut kann die Größe des Textbereichs angeben, die Größe kann jedoch weiterhin im Browser angepasst werden (Firefox, Chrome). Die Verwendung der Höhen- und Breitenattribute von CSS ist die gleiche wie die, die durch Ziehen von Zeilen definiert wird in der unteren rechten Ecke. Das Symbol ändert seine Größe. Übermäßiges Ziehen beeinträchtigt jedoch das Seitenlayout und macht die Seite unansehnlich. Sie können das Ziehen deaktivieren und die Größe korrigieren, indem Sie den folgenden Stil hinzufügen:

<html>
<head>
</head>
<form>
 <textarea id=&#39;memo&#39;style="min-height:50px;min-width:70px;max-height:50px;max-width:70px;">这是PHP中文网的留言框
 </textarea>
</form>
</html>
Nach dem Login kopieren

Dieser Code wird im Browser wie folgt angezeigt:

Wie kann ich die Größe des Textarea-Attributs im HTML-Format korrigieren? Einführung in ein Beispiel für ein Textbereichsattribut

Wie im gezeigt Abbildung, Dies ist die Methode mit fester Größe des Meldungsfelds und das Ziehsymbol in der unteren rechten Ecke bleibt erhalten, ist jedoch nutzlos und kann überhaupt nicht gezogen werden, sodass es behoben ist.

Das Textarea-Attribut in HTML-Formularen wird ursprünglich als Attribut für mehrzeilige Textfelder verwendet. Jetzt möchte ich natürlich ausführlich darüber sprechen Verwendung von Textfeldern. Werfen wir einen Blick auf den Code einer Seite:

<form action="url地址" method=“get/post” name="表单名称">
<p>文本框</p>
用户名:<input type="text" name="username">
<p>密码框(显示为星号和小圆点)</p>
密码:<input type="password" name="password">
<p>单选框</p>
单选:<input type="radio" name="sex" value="nan">男
      <input type="radio" name="sex" value="nv">女
<p>默认选项框</p>
多选:<input type="checkbox" name="">吃饭
      <input type="checkbox" name="" checked=“checked”>睡觉
      <input type="checkbox" name="">打豆豆
      <input type="checkbox" name="">喝水
<p>留言框</p>
<textarea id=&#39;memo&#39; style="min-height: 50px;min-width: 70px;max-height: 50px; max-width: 70px;" ></textarea>
<p>提交按钮</p>
提交:<input type="submit" name="">
<p>重置按钮</p>
重置:<input type="reset" name="">
</form>
Nach dem Login kopieren

Das ist der größte Teil des Formularcodes, den wir im heutigen Artikel beschreiben:

Wie kann ich die Größe des Textarea-Attributs im HTML-Format korrigieren? Einführung in ein Beispiel für ein Textbereichsattribut

Oben geht es um die Verwendung des textarea-Attributs des Textbereichs. Wenn Sie es finden, denken Sie daran, unten eine Nachricht zu hinterlassen.

Wenn Sie mehr erfahren möchten. Besuchen Sie die chinesische PHP-Website. Eine Website, die alle Ihre Wünsche zum Erlernen des Programmierens erfüllt.

[Empfehlung der Redaktion]

Wie entferne ich die Beschriftung vom ol-Tag in HTML? Zusammenfassung zur Verwendung von


    Wie entferne ich den Punkt aus dem ul-Tag in HTML? Stilinstanzanalyse einer ungeordneten HTML-Liste

    Das obige ist der detaillierte Inhalt vonWie kann ich die Größe des Textarea-Attributs im HTML-Format korrigieren? Einführung in ein Beispiel für ein Textbereichsattribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

    Heiße KI -Werkzeuge

    Undresser.AI Undress

    Undresser.AI Undress

    KI-gestützte App zum Erstellen realistischer Aktfotos

    AI Clothes Remover

    AI Clothes Remover

    Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

    Undress AI Tool

    Undress AI Tool

    Ausziehbilder kostenlos

    Clothoff.io

    Clothoff.io

    KI-Kleiderentferner

    Video Face Swap

    Video Face Swap

    Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

    Heiße Werkzeuge

    Notepad++7.3.1

    Notepad++7.3.1

    Einfach zu bedienender und kostenloser Code-Editor

    SublimeText3 chinesische Version

    SublimeText3 chinesische Version

    Chinesische Version, sehr einfach zu bedienen

    Senden Sie Studio 13.0.1

    Senden Sie Studio 13.0.1

    Leistungsstarke integrierte PHP-Entwicklungsumgebung

    Dreamweaver CS6

    Dreamweaver CS6

    Visuelle Webentwicklungstools

    SublimeText3 Mac-Version

    SublimeText3 Mac-Version

    Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

    Heiße Themen

    Java-Tutorial
    1658
    14
    PHP-Tutorial
    1257
    29
    C#-Tutorial
    1231
    24
    Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

    Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

    Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

    Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

    HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

    Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

    HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

    Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

    HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

    Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

    Wie analysiert und verarbeitet man HTML/XML in PHP? Wie analysiert und verarbeitet man HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

    Dieses Tutorial zeigt, wie XML -Dokumente mit PHP effizient verarbeitet werden. XML (Extensible Markup-Sprache) ist eine vielseitige textbasierte Markup-Sprache, die sowohl für die Lesbarkeit des Menschen als auch für die Analyse von Maschinen entwickelt wurde. Es wird üblicherweise für die Datenspeicherung ein verwendet und wird häufig verwendet

    HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

    Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

    HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

    Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

    See all articles