2009-08-27 11 views
6

Qualcuno sa se c'è un modo per visualizzare il valore del testo di un pulsante in HTML su più righe?Come avere un valore di invio dell'input su più righe in HTML

Voglio dire, se si blocca la larghezza del pulsante nella CSS associato e si desidera che il testo sul pulsante di essere su 2 linee per esempio ..

Grazie in anticipo!

+0

forse questo? http://stackoverflow.com/questions/7469088/html-can-i-display-button-text-in-multiple-lines/24411139#24411139 –

risposta

16
<input type="button" value="line &#10; break" /> 
+0

Per estendere che:

+0

OK! Esattamente quello che stavo cercando! –

+0

Argh ... correzione, questo non funziona quando provo ad usarlo con un asp: controllo Button e passaggio del valore Text nel codebehind ... –

2

È possibile utilizzare l'elemento > pulsante , che consente lo styling (e il text-wrapping).

L'unico problema è che se si dispone di più elementi del pulsante sulla stessa pagina, è possibile che si verifichino problemi con IE6 che passa coppie nome/valore al server in modo errato.

+0

Sì, lo usavo ma in realtà l'input è un asp: input elemento e deve rimanere così. Grazie ! –

+0

Lo stile dei pulsanti non è supportato molto bene, sfortunatamente. Buona fortuna con esso. –

0

Questo ha funzionato per me (utilizzando Chrome, non prova altri browser):

myButton.Text = "Click \r\n me"; 
+0

A proposito, questo è C#. Presumo che tu stia usando ASP.NET da quando hai detto di usarlo su un asp: controllo Button. Puoi fare la stessa cosa se stai usando VB. –

0

Spalato il testo sul pulsante con l'aggiunta di dove si vuole rompere la linea la seguente sequenza: \r\n Ad esempio: <input type="submit" value="Line1\r\nLine2"> verrà visualizzato un pulsante di invio con didascalia Linea1 in cima a Linea2.

Per i principianti: \r\n non verrà visualizzato, ma utilizzato dal browser per capire che si desidera interrompere la linea; non è necessario lasciare spazi vuoti sulla sinistra o sulla destra di \r\n

Problemi correlati