Submit Button mehrzeilig

[HiWi]

Hallo zusammen!

Habe ein Formular mit Submit- Button. Die Beschriftung des Buttons ist mit "value" festgelegt und ziemlich lange, daher hätte ich gerne eine zweizeilige Beschriftung. Wie lässt sich das einstellen? Mit CSS hab ich bisher noch keine Möglichkeit gefunden.

Bin dankbar für jeden Tip!

HiWi

[Dennis]

Hi HiWi,

Habe ein Formular mit Submit- Button. Die Beschriftung des Buttons ist mit "value" festgelegt und ziemlich lange, daher hätte ich gerne eine zweizeilige Beschriftung. Wie lässt sich das einstellen? Mit CSS hab ich bisher noch keine Möglichkeit gefunden.

Du kannst einen <button type="submit">Text</button> verweden, oder die Beschriftung mit Javascript setzen.

MfG, Dennis.

[Gunnar Bittersmann]

Hi HiWi,

Habe ein Formular mit Submit- Button. Die Beschriftung des Buttons ist mit "value" festgelegt und ziemlich lange, daher hätte ich gerne eine zweizeilige Beschriftung. Wie lässt sich das einstellen?

Auf die moderne Art.

Gruß,
Gunnar

[HiWi]

Danke schonmal für die superschnellen Antworten!

Bisher werden Submit-Buttons der Form

<input  type = "submit"  name="menu" value="ewiglangeBeschriftung">

verwendet. Die Beschriftungen werden mit PHP ausgewertet, da es mehrere Buttons gibt. Daher wollte ich schon obige Form beibehalten. Ausserdem scheinen die "modernen" Buttons ja noch nicht von allen Browsern unterstützt zu werden.

Gibts keine einfache Möglichkeit, die Beschriftung mehrzeilig zu gestalten??

Grüsse,
HiWi

[Gunnar Bittersmann]

Hi HiWi,

Ausserdem scheinen die "modernen" Buttons ja noch nicht von allen Browsern unterstützt zu werden.

Wer nutzt denn bitte noch IE 3 oder Netscape 4.x?

Gibts keine einfache Möglichkeit, die Beschriftung mehrzeilig zu gestalten??

Doch, gibt es. Die dir genannte.

Gruß,
Gunnar

[MudGuard]

Hi,

Habe ein Formular mit Submit- Button. Die Beschriftung des Buttons ist mit "value" festgelegt und ziemlich lange, daher hätte ich gerne eine zweizeilige Beschriftung. Wie lässt sich das einstellen? Mit CSS hab ich bisher noch keine Möglichkeit gefunden.

<input style="width:14em; height:8em; white-space:normal;" type="submit" value="Es war einmal ein Mann. Der hatte sieben Söhne. Eines Tages baten sie ihn: Erzähl uns doch bitte eine Geschichte. Da fing der Vater an:" />

war mein spontaner Gedanke.
Doch dann hab ich's noch in anderen Browsern als dem Firefox getestet.

<input type="submit" value="Es war einmal ein Mann.  
Der hatte sieben Söhne.  
Eines Tages baten sie ihn:  
Erzähl uns doch bitte eine Geschichte.  
Da fing der Vater an:  
">

brachte den IE dazu, einen mehrzeiligen Text auf den Button zu malen.

Opera weigert sich nach wie vor.

Mit der Kombination aus beiden Methoden (die Größenangaben evtl. vor dem IE verstecken, sonst schneidet er den Text ab, oder nur für IE overflow:visible) erreichst Du immerhin Firefox (und damit vermutlich auch andere Geckos) und IE.

Safari/Konqueror/usw hab ich mangels Linux/Mac nicht getestet.

Beim Button-Element werden auch einige Browser ausgeschlossen.

Ich würd's vermutlich so lösen:

Den langen Text als label für den Button, und den Button (input type="submit", da button ja von alten Browsern nicht verstanden wird) nur mit nem kurzen Text ("Und los" oder so).
Für die verschiedenen Buttons verschiedene Namen für die serverseitige Unterscheidung.

cu,
Andreas