燈明ブログ

現状は小池啓仁の応援ブログ

ボタンのvalueで改行するには

input要素のtype属性が"submit"や"button"の場合で、value属性の文字列を改行するには、実体参照で「
」を入れます。

<html>
<body>
<form>
<p><input type="submit" value="aaaaa&#13;&#10;aaaaa&#13;&#10;aaaaa&#13;&#10;aaaaa"></p>
<p><input type="submit" value="aaaaa&#13;aaaaa&#13;aaaaa&#13;aaaaa"></p>
<p><input type="submit" value="aaaaa&#10;aaaaa&#10;aaaaa&#10;aaaaa"></p>
</body>
</form>
</html>

IE系では、「&#13;」や「&#10;」の単独でも改行されますね。
Firefox系では、「&#13;」単独では、改行されませんね。
また、IE系では、最後の行の先頭に変なスペースが入ってしまいますね。