Hier bist Du: Home « Tipps und Tricks « Formulare ohne Zeilenumbruch

Tipps und Tricks: Formulare ohne Zeilenumbruch

Beispiel

Formulare sind nach HTML 4 Blockelemente und erzeugen somit einen Zeilenumbruch. Dies lässt sich mit der Eigenschaft display ändern.

Netscape 6.x, Opera 5,
<form action="script.html;" style="display:inline;">

<input type="text" name="txt">
<input type="submit" name="go" value="Senden">
</form>

Die display-Eigenschaft legt mit diversen Werten fest, wie ein Element angezeigt werden soll. Der Wert inline macht z.B. aus einem Blockelement, wie dem Formular, ein Inline-Element ohne nachfolgenden Zeilenumbruch.

Browser

Wenn Browser dies nicht unterstützen, erzeugen sie einen Zeilenumbruch und machen evtl. das Layout kaputt. Du musst die Seiten also mit allen gängigen Browsern prüfen.