Sollte ich eine Textarea mit CSS Breite / Höhe oder HTML Spalten / Zeilen Attribute Größe?

Question

Jedes Mal, wenn ich ein neues Formular entwickle, das eine textarea Ich stehe vor folgendem Dilemma, wenn ich seine Abmessungen angeben muss:

Utilice CSS oder verwenden Sie die textarea die Attribute cols y rows ?

Was sind die Vor- und Nachteile der einzelnen Methoden?

Was ist die Semantik dieser Attribute?

Wie wird das normalerweise gemacht?

Answer 1

Die Antwort lautet "Ja". Das heißt, Sie sollten beides verwenden. Ohne Zeilen und Spalten (und es gibt Standardwerte, auch wenn Sie sie nicht explizit verwenden) ist der Textbereich unbrauchbar klein, wenn CSS deaktiviert ist oder durch ein Benutzer-Stylesheet überschrieben wird. Behalten Sie immer die Zugänglichkeit im Auge. Wenn Sie Ihrem Stylesheet erlauben, das Aussehen des Textbereichs zu kontrollieren, werden Sie in der Regel ein Ergebnis erzielen, das viel besser aussieht und sich gut in das Gesamtdesign der Seite einfügt, と die die Größe an die Benutzereingaben anpassen kann (natürlich innerhalb der Grenzen des guten Geschmacks).

Answer 2

HTML-Zeilen und -Spalten sind nicht ansprechbar!

Also definiere ich die Größe in CSS. Als Tipp: Wenn Sie eine kleine Größe für Mobiltelefone definieren, denken Sie an die Verwendung von textarea:focus {};

Fügen Sie hier etwas zusätzlichen Platz ein, der sich nur dann entfaltet, wenn ein Benutzer tatsächlich etwas schreiben möchte

Answer 3

Die Größe einer Textarea kann durch die Attribute cols und rows oder noch besser durch die CSS-Eigenschaften height und width festgelegt werden. Das cols-Attribut wird von allen gängigen Browsern unterstützt. Ein Hauptunterschied ist, dass <TEXTAREA ...> ist ein Container-Tag: Es hat ein Start-Tag ().

Answer 4

Ich spezifiziere normalerweise nicht height aber geben Sie bitte an width: ... y rows y cols .

In der Regel werden in meinen Fällen nur width y rows werden benötigt, damit die Textarea im Verhältnis zu anderen Elementen gut aussieht. (Und cols ist ein Fallback, wenn jemand kein CSS verwendet, wie in den anderen Antworten erläutert).

((Die Angabe von sowohl rows y height fühlt sich ein bisschen an wie Datenverdoppelung, denke ich?))

Answer 5

Ein wichtiges Merkmal von Textareas ist, dass sie erweiterbar sind. Auf einer Webseite kann dies dazu führen, dass Bildlaufleisten auf dem Textbereich erscheinen, wenn die Textlänge den von Ihnen festgelegten Platz übersteigt (sei es mit Zeilen oder mit CSS). Das kann ein Problem sein, wenn ein Benutzer beschließt, zu drucken, insbesondere beim "Drucken" in PDF - also legen Sie eine angenehm große Mindesthöhe für gedruckte Textbereiche mit einer bedingten CSS-Regel fest:

@media print { 
textarea {
min-height: 900px;  
}
}