[HTML]フォームのtype=submitのvalue属性の文字列を改行させる方法

HTML

2013.10.22

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

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

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

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

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

<form>

</form>

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

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

<form>

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

</form>