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

Wie kann ich die Schriftgröße von Text im Textfeld in HTML ändern?

html

— user225269
quelle

Wenn der Zweck darin besteht, die gleiche Größe wie im äußeren Text zu haben, lesen Sie Warum Warum <textbereich> und <textfeld> Schriftfamilie und Schriftgröße nicht aus dem Text übernehmen ? .

— Skippy le Grand Gourou

Antworten:

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

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

@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

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

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