input type=submit text multiligne

Vous cherchez à créer un bouton dont la propriété "Text" en ASP.NET ou "value" en html serait sur plusieurs lignes. Voici donc les mots clefs que j'ai entrés ce matin dans mon moteur de recherche favori pour tenter de répondre à cette question.

Je suis halluciné par la complexité du développement html, rendue encore plus complexe par les mésententes organisées des différents protagonistes du web, w3c, google, microsoft, apple et consorts. J'avais une truc qui fonctionnait très bien sous Internet Explorer.

Dans le cadre d'une interface un peu complexe je souhaitais faire un bouton cliquable dont le texte serait sur deux lignes comme suit :

Interface complexe avec boutons sur deux lignes dans Internet Explorer

Reconnaissez avec moi que l'interface est complexe et que l'information "Enchainez les questions" est plus parlante que simplement "Enchainez" ...

On voit donc ici dans IE un bouton sur deux ligne; Si j'affiche la source j'obtiens le code suivant :

<table border="0" cellpadding="5px">

<tr>

    <td valign="top" align="center">

        <input type="submit" name="ctl00$LoginView2$MenuContexte$ButtonWizardQuestionEnchainee" value="Enchainez

les Questions" id="ctl00_LoginView2_MenuContexte_ButtonWizardQuestionEnchainee" title="Ajouter plusieures Questions" class="ButtonMenuWizardStyle" />

    </td>

</tr>

</table>

Essayons maintenant la même chose dans Chrome. Je ne sais pas si vous êtes comme moi mais IE jusqu'à IE 8 était devenu un gros bouzin bien lent et bien encombrant. Je trouve que Chrome rattrape IE aujourd'hui Chrome est un gros bouzin bien gras et bien encombrant surtout depuis qu'il veut absoluement vous connecter avec un compte pour voler toutes vos infos personnelles age sexe téléphone et pourquoi pas carte bancaire ...

Bref voici le résultat :

Chrome ne sait pas afficher un bouton dont le texte est sur deux lignes !

C'est tout pourri et pourtant l'html est exactement le même avec l'attribut value du intput type="submit" à :

"Enchainez

les Questions"

Et pourtant cette saloperie de Chrome n'affiche le bouton que sur une ligne ! Oui oui je dis bien saloperie de Chrome parce que je les soupçonne de l'avoir fait exprès !

Pensez vous qu'il est possible d'afficher un  bouton dont le texte est sur deux lignes dans chrome ? Pour moi après avoir parcourue les pages suivantes :

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_reset

Ici vous pouvez écrire votre html pour tester le résultat

http://stackoverflow.com/questions/6262472/multiple-lines-of-input-in-input-type-text

Ici on vous explique qu'il faut utiliser un textarea et ce n'est pas la bonne réponse

http://stackoverflow.com/questions/7469088/html-can-i-display-button-text-in-multiple-lines

Là on vous explique qu'en ajoutant : "&#13;&#10;" dans la chaine value vous obtiendrez le résultat escompté mais c'est faux ! Cela ne fonctionne pas ! Aucune de ces solutions ne fonctionnent avec Chrome !

Chienlit !