01.02.2009, 07:33 Uhr

Text in Eingabefeldern ausrichten

Standardmäßig werden Texte in Eingabefeldern von HTML-Formularen linksbündig ausgerichtet. Das ist zwar übersichtlich, für ambitionierte Webdesigner aber oft zu wenig. Wer sich bei der Formulargestaltung von der Masse abheben will, kann sich zum Aufpeppen des Formulars eines CSS-Tricks bedienen. Durch den lassen sich Formularinhalte auch auch in einer anderen Form ausrichten. Realisiert wird diese individuelle Variante über den CSS-Befehl text-align:
Standardmäßig werden Texte in Eingabefeldern von HTML-Formularen linksbündig ausgerichtet. Das ist zwar übersichtlich, für ambitionierte Webdesigner aber oft zu wenig. Wer sich bei der Formulargestaltung von der Masse abheben will, kann sich zum Aufpeppen des Formulars eines CSS-Tricks bedienen. Durch den lassen sich Formularinhalte auch auch in einer anderen Form ausrichten. Realisiert wird diese individuelle Variante über den CSS-Befehl text-align:
<form>
<input type="text" style="text-align:right" value="content">
</form>
Hier wird der Inhalt des Textfeldes rechtsbündig ausgerichtet. Um den Text zentriert anzuzeigen, wird statt right der Wert center verwendet. Dieser Trick lässt sich übrigens nicht nur auf einzeilige Eingabefelder anwenden, auch die Inhalte einer Text-Area lassen sich damit ausrichten. Wer übrigens wieder die normale Ausrichtung wünscht, löscht entweder style oder weist text-align den Wert left zu.




Das könnte Sie auch interessieren