<input type="text" placeholder="1行目<br>2行目">
- JavaScriptを使用する方法:
JavaScriptを使って動的にプレースホルダーを設定する方法もあります。以下の例では、改行文字
\n
を使用して改行を表現します。
<input type="text" id="myInput">
<script>
var input = document.getElementById("myInput");
input.placeholder = "1行目\n2行目";
</script>
- CSSを使用する方法:
CSSを使ってプレースホルダーの表示をカスタマイズする方法もあります。
::placeholder
疑似要素を使用して、改行を設定します。以下の例では、content
プロパティに改行文字\a
を使用して改行を表現しています。
<style>
::placeholder {
content: "1行目\a2行目";
}
</style>
<input type="text" placeholder="">
これらの方法を使用することで、HTMLのプレースホルダーに改行を追加することができます。ご参考までにお使いください。