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-ID: 140350

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

Ausgedruckt am: 22.11.2024 um 20:11 Uhr

dog
dog 12.04.2010 um 10:31:05 Uhr
Goto Top
Nennt sich CSS.
input {
  font-size: 1.2em;
}
matze2010
matze2010 12.04.2010 um 10:35:58 Uhr
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