warum verschiedene Schriftarten bei Formularen?

[Nico]

Hallo,
ich habe in der CSS-Datei
p { font-family:Helvetica,Arial,sans-serif; color:#000000 }
definiert.

Dann ein Formular erstellt:
<form action="mailto:[e-mail]" method="post" enctype="text/plain">
<p>
Name:<br>
<input name="name" type="text" size="50">
<p>
Frage:<br>
<textarea name="frage" cols="50" rows="10"></textarea>
<p>
<input type="submit" value=" Absenden ">
</form>

und nun habe ich zwei verschiedene Schriftarten im Input und Textarea Feld. Waran liegt das? wie kann ich beide male die gleiche Schriftart nutzen?

Danke!

Nico

[Elya]

Hallo Nico,

und nun habe ich zwei verschiedene Schriftarten im Input und Textarea Feld. Waran liegt das? wie kann ich beide male die gleiche Schriftart nutzen?

indem Du den beiden Elementen input und textarea auch die entsprechenden Schriftarten über css zuordnest. (Nur vorsicht: gilt dann für _alle_ inputs, evtl. eine Klasse input.text definieren)

Viel Erfolg.

Gruß aus Köln-Ehrenfeld,

Elya

[MudGuard]

Hi,

p { font-family:Helvetica,Arial,sans-serif; color:#000000 }
<p>
<input name="name" type="text" size="50">
<textarea name="frage" cols="50" rows="10"></textarea>
und nun habe ich zwei verschiedene Schriftarten im Input und Textarea Feld. Waran liegt das? wie kann ich beide male die gleiche Schriftart nutzen?

Die meisten Browser haben im Browser-Stylesheet für textarea eine monospace-Schrift definiert. Dadurch greift an dieser Stelle die Vererbung der Schriftart nicht.

Wenn Du wirklich eine proportionale Schrift für textarea haben willst, definiere die Schrift explizit für textarea.

cu,
Andreas

[Thomas Detlefsen]

Hi Nico

ich habe in der CSS-Datei
p { font-family:Helvetica,Arial,sans-serif; color:#000000 }
definiert.

Dann ein Formular erstellt:
<form action="mailto:[e-mail]" method="post" enctype="text/plain">
<p>
Name:<br>
<input name="name" type="text" size="50">
<p>
Frage:<br>
<textarea name="frage" cols="50" rows="10"></textarea>
<p>
<input type="submit" value=" Absenden ">
</form>

Erstmal fällt mir auf, das die <p>-Tags nicht wieder geschlossen wurden. Außerdem würde ich die Formatierung von Input und Textarea
direkt mittels class vornehmen z.B.:

<textarea class"stil"></textarea>

und stil in der css-Datei definieren:

.stil {...}

Ich hoffe das hilft

Grüße aus München

Thomas