HTMLの複数行入力フィールドにおけるプレースホルダーの使用方法


  1. <textarea> 要素の placeholder 属性を使用する方法:

    <textarea placeholder="ここにテキストを入力してください"></textarea>
  2. JavaScriptを使用してプレースホルダーを実現する方法:

    <textarea id="myTextarea"></textarea>
    <script>
     var textarea = document.getElementById("myTextarea");
     textarea.value = "ここにテキストを入力してください";
     textarea.addEventListener("focus", function() {
       if (textarea.value == "ここにテキストを入力してください") {
         textarea.value = "";
       }
     });
     textarea.addEventListener("blur", function() {
       if (textarea.value == "") {
         textarea.value = "ここにテキストを入力してください";
       }
     });
    </script>
  3. CSSを使用してプレースホルダーをスタイリングする方法:

    <style>
     .placeholder {
       color: gray;
       font-style: italic;
     }
    </style>
    <textarea class="placeholder">ここにテキストを入力してください</textarea>

これらの方法を利用することで、HTMLの複数行入力フィールドにプレースホルダーを表示することができます。必要に応じて適切な方法を選択し、コードを実装してください。