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

Ich empfehle, beides zu verwenden. Zeilen und Spalten sind erforderlich und nützlich, wenn der Kunde kein CSS unterstützt. Aber als Designer überschreibe ich sie, um genau die Größe zu erhalten, die ich wünsche.

Es wird empfohlen, dies über ein externes Stylesheet zu tun, z. B.

textarea {
  width: 300px;
  height: 150px;
}

<textarea> </textarea>

Answer 2

textarea { height: auto; }

<textarea rows="10"></textarea>

Dadurch wird der Browser veranlasst, die Höhe der Textarea EXAKT auf die Anzahl der Zeilen plus die Auffüllungen um sie herum zu setzen. Die Einstellung der CSS-Höhe auf eine exakte Anzahl von Pixeln lässt beliebige Leerräume.

Answer 3

Laut w3c sind sowohl cols als auch rows erforderliche Attribute für Textareas. Rows und Cols sind die Anzahl der Zeichen, die in den Textbereich passen werden, anstatt Pixel oder andere potenziell willkürliche Werte. Gehen Sie mit den Zeilen/Spalten.

Answer 4

Für den Textbereich können wir die folgende Css-Datei verwenden, um die Größe festzulegen

    <textarea  class="form-control" style=" min-width:500px; max-width:100%;min-height:50px;height:100%;width:100%;" ></textarea>

Getestet in angularjs und angular7

Answer 5

 <textarea style="width:300px; height:150px;" ></textarea>