HTMLのプレースホルダーにおける改行の方法


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

これらの方法を使用することで、HTMLのプレースホルダーに改行を追加することができます。ご参考までにお使いください。