-
<textarea>
要素のplaceholder
属性を使用する方法:<textarea placeholder="ここにテキストを入力してください"></textarea>
-
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>
-
CSSを使用してプレースホルダーをスタイリングする方法:
<style> .placeholder { color: gray; font-style: italic; } </style> <textarea class="placeholder">ここにテキストを入力してください</textarea>
これらの方法を利用することで、HTMLの複数行入力フィールドにプレースホルダーを表示することができます。必要に応じて適切な方法を選択し、コードを実装してください。