So ändern Sie die Schriftgröße in einem Textfeld in HTML

Antworten:

87

Für ein <input type='text'>Element:

input { font-size: 18px; }

oder für eine <textarea>:

textarea { font-size: 18px; }

oder für eine <select>:

select { font-size: 18px; }

Sie bekommen die Drift.

Pekka
quelle
selectkann ein Textfeld rendern?
Joey
1
Nun, ich war mir nicht sicher, was das OP genau unter Textfeld versteht, also dachte ich, ich würde alle relevanten Elemente hinzufügen.
Pekka
Ah, macht Sinn :-). Randbemerkung: Sie könnten beschränken <input>zu textund passwordauch Typen mit einem Selektor. Wird älteren Browsern allerdings nicht gefallen.
Joey
@Johannes und, ganz ehrlich, wen interessieren alte Browser? Sogar MS appellierte an die Leute, ein Upgrade von IE6 durchzuführen, FF macht es automatisch, niemand verwendet Opera :-P, und der Rest zusammen kratzt statistisch kaum ...
Paulo Santos
3
@Paulo: IE 6 hat immer noch einen Marktanteil von 10 bis 15 Prozent. Das sind viel mehr als die zwei Prozent von Opera. Und als Webentwickler / Designer sollten Sie sich darum kümmern. Zugegeben, die Schriftgröße eines Eingabeelements ist ein triviales Problem und verursacht wahrscheinlich keinen Schaden, wenn Sie nicht wie gewünscht arbeiten, sich aber im Allgemeinen nicht darum kümmern. Sich in einem Elfenbeinturm einzusperren und die Realität zu ignorieren, macht die Welt nicht besser. Es macht nur Ihre Websites schlechter funktionieren :-)
Joey
19

Um dies tatsächlich in HTML mit Inline-CSS zu tun (nicht mit einem externen CSS-Stylesheet)

<input type="text" style="font-size: 44pt">

Viele Leute würden es als schlechte Form betrachten, den Stil direkt in das HTML zu integrieren. Ich mache jedoch häufig extrem einfache Webseiten für meinen eigenen Gebrauch, die nicht einmal ein <html>oder ein <body>Tag haben, und dies ist dort angemessen.

Tsbertalan
quelle
echo "<input type = 'text' style = 'font-size: 15pt' size = 50 name = 'Nachname' id = 'Nachname' value = '$ Nachname'>";
KarlosFontana
echo "<b> Nachname: </ b> <textarea id = 'Nachname' style = 'Leerzeichen: Pre-Wrap; Höhe: 20px; Breite: 150px; Schriftgröße: 8pt' Name = 'Nachname'>" ;;
KarlosFontana
Richtig, sollte Inline-CSS verwendet werden, funktionierte externes CSS in einigen Fällen nicht.
Karma
3

Hier sind einige Möglichkeiten, um den Text und die Größe des Felds zu bearbeiten:

rows="insertNumber"
cols="insertNumber"
style="font-size:12pt"

Beispiel:

<textarea rows="5" cols="30" style="font-size: 12pt" id="myText">Enter 
Text Here</textarea>
Stefana Müller
quelle