eatyourcookie
Goto Top

Größe von Eingabefeld und Schriftgröße verändern HTML

Ich möchte in meinem Eingabeformular für eine Tabelle die Größe und Schriftgröße des Eingabefeldes an meine normale Schriftgröße anpassen.
Ich finde aber keine Lösung, um die größe dieser Felder zu verändern.


<form action="input_text.htm">  
  <p>Vorname:<br><input name="vorname" type="text" size="30" maxlength="30"></p>  
  <p>Zuname:<br><input name="zuname" type="text" size="30" maxlength="40"></p>  
</form>

Content-Key: 140350

Url: https://administrator.de/contentid/140350

Printed on: April 23, 2024 at 13:04 o'clock

Member: dog
dog Apr 12, 2010 at 08:31:05 (UTC)
Goto Top
Nennt sich CSS.
input {
  font-size: 1.2em;
}
Member: matze2010
matze2010 Apr 12, 2010 at 08:35:58 (UTC)
Goto Top
Hallo eatyourcookie,

<p>Vorname:<br><input name="vorname" type="text" size="30" maxlength="30" style="font-size:12pt;"></p>  

setzt die Schriftgröße auf 12 Punkte. Das kannst du dann entsprechend anpassen. Mit ex bzw. em kannst du relativ zur vorhandenen Größe des übergeordneten Elements entsprechende Werte vergeben.

http://de.selfhtml.org/css/

als Tipp zum Einlesen in CSS. Für die Größe der Felder selbst kannst du dann width und height als style-Attribute benutzen.

Lg
Matze