• RSS

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

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

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 タグを使う別の方法のデモ



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

This site uses Akismet to reduce spam. Learn how your comment data is processed.