スポンサード

input type=”submit” ボタンのvalue 属性の文字列を<br />タグで改行しようとしたら、そのまま<br />と出力されて改行が行われないので、

今日はボタンのテキストを改行させる方法を2 パターン紹介させていただきます。

value 属性に「実体参照」を入れる

value に実体参照を入れてテキストを改行させることができます。

<form>
<input type="submit" value="この内容で&#13;&#10;送信する">
</form>

value 属性に「実体参照」を入れるデモ

Windows で改行されない場合などは、button タグを使う

上記のように実態参照を使ってもWindows のIE で上手く表示できない…など場合は、
button タグを使ってフォームの記述を変えてしまう方法もあります。

<form>
<button type="submit" name="submit" value="code">この内容で<br>送信する</button>
</form>

button タグを使う別の方法のデモ

スポンサード