2008年8月15日金曜日

htmlでボタンに表示する文字列を途中で改行する方法

htmlフォームのボタン系input要素はvalue属性の値をボタン上に表示するが、その表示する文字列を途中で改行する方法。 下記のように改行したい箇所に、改行コードの実体参照である「
」を入れる。

<input type="button" value="この後で &#13;&#10; 改行してね" />
Windows版Safariでは、改行はするがボタンの高さが1行分なので半分見えなくなってしまった...。 もしかするとWindows以外では表示が崩れる?(改行コードも違うし。) 素直にbutton要素とか使った方がいいかも。
<button>この条件で<br />絞り込む</button>
ただしbutton要素だと、submitボタンとかresetボタンを作るにはJavaScriptで動きを付けないといけなくなるが。type属性でsubmitボタンにしたりresetボタンにしたりできるみたい。(2009/06/16 修正)

参考:
 改行コード(HTML, Java, URL & エスケープシーケンス)
 GAC なぜなにGAC->HTML

2 件のコメント:

さんのコメント...

buttonにtype="submit"やtype="reset"でsubmitになりませんか?

floatingdays さんのコメント...

あ、そうなんですね。
初めて知りました。
ありがとうございます!

ブログ アーカイブ

tags