Sollte ich ein Textfeld mit CSS Breite / Höhe oder HTML Spalten / Zeilen Attribute Größe?
Entwickeln jedes mal, wenn ich ein neues Formular, das ein textarea
ich habe Folgendes dilemma, wenn ich brauche, um zu spezifizieren, seine Dimensionen:
Verwenden CSS oder verwenden Sie den textarea
's Attribute cols
und rows
?
Was sind die vor-und Nachteile jeder Methode?
Welche die Semantik der Verwendung dieser Attribute?
Wie wird es normalerweise gemacht?
InformationsquelleAutor der Frage Raúl Ferràs | 2010-10-09
Du musst angemeldet sein, um einen Kommentar abzugeben.
In HTML gesetzt
In CSS festlegen
Löst der browser die Höhe der textarea GENAU um die Höhe der Zeilen plus die Polster herum. Die Einstellung der CSS die Höhe auf genau die Anzahl von Pixel Blätter beliebige whitespaces.
InformationsquelleAutor der Antwort Jan Werkhoven
Nach den Standards des w3c, cols und rows sind beide erforderlichen Attribute für Texteingabefelder. Zeilen und Cols die Anzahl der Zeichen, die gehen, um fit in die textarea nicht als Pixel oder einige andere potentiell beliebigen Wert. Gehen Sie mit den Zeilen/Spalten.
InformationsquelleAutor der Antwort Explosion Pills
Die Antwort ist "ja". Das heißt, Sie sollte sowohl. Ohne Zeilen und Spalten (und es gibt default-Werte, auch wenn Sie nicht explizit) die textarea ist unusably klein, wenn CSS deaktiviert oder überschrieben durch ein user-stylesheet. Halten Sie immer die Barrierefreiheit betrifft, in den Sinn. That being said, wenn Sie Ihr stylesheet erlaubt ist zu Steuern, das Aussehen des textarea, werden Sie in der Regel wind mit etwas, das sieht ein ganzes Stück besser, passt in die Gesamt-Seite design, und , können die Größe, um mit Benutzer-Eingabe (innerhalb der Grenzen des guten Geschmacks, natürlich).
InformationsquelleAutor der Antwort Stan Rogers
In der Größe einer textarea-Komponente kann angegeben werden, indem die cols und rows Attribute, oder noch besser, durch CSS-height-und width-Eigenschaften.
Das Attribut cols unterstützt alle gängigen Browser.
Ein Hauptunterschied ist, dass
<TEXTAREA ...>
ist ein container-tag: es hat ein start-tag ().InformationsquelleAutor der Antwort AsifQadri
InformationsquelleAutor der Antwort user470962
Ich in der Regel nicht angeben
height
, aber angebenwidth: ...
undrows
undcols
.In der Regel, in meinem Fall nur
width
undrows
benötigt werden, für die textarea zu schön Aussehen in Bezug auf andere elems. (Undcols
ist ein fallback, wenn jemand nicht mit CSS, wie bereits in den anderen Antworten.)((Angabe
rows
undheight
fühlt sich ein bisschen wie das duplizieren von Daten, die ich denke?))InformationsquelleAutor der Antwort KajMagnus
Ein wichtiges Merkmal der Texteingabefelder ist, dass Sie erweiterbar ist. Auf einer web-Seite, dies kann dazu führen, scroll-Balken erscheinen auf das Textfeld, wenn der text regt die Länge der Raum, den Sie setzen (werden, die mit Zeilen, oder werden, dass die Verwendung von CSS. Dies kann ein problem sein, wenn ein Benutzer beschließt, Sie zu drucken, vor allem mit 'drucken' in eine PDF -, so stellen Sie sich auf ein komfortabel großes min-height für gedruckte Texteingabefelder mit einem conditional-CSS-Regel:
InformationsquelleAutor der Antwort Geoff Kendall
wenn Sie nicht verwenden jedes mal, wenn verwenden Sie line-height:'..'; Eigenschaft, die sich seiner Kontrolle die Höhe der textarea-Komponente und die Eigenschaft width für die Breite der textarea.
oder Sie können Gebrauch machen von font-size, indem Sie die folgenden css:
InformationsquelleAutor der Antwort Nurealam Sabbir
CSS
HTML
InformationsquelleAutor der Antwort ASHU