textarea の placeholder で改行する方法2021/12/05 placeholder(プレースホルダ)で改行をする方法（全ブラウザ対応版） | SNフロントエンドブログ textareaでplaceholderを改行する | cly7796.net のplaceholderで改行させる - Qiita</a></li> </ul> <p>css+JSで疑似的にプレースホルダーの見た目にするのが良さそう。</p> </section><hr style="margin-bottom:1.75rem"/><footer><div style="display:flex;margin-bottom:4.375rem"><div class=" gatsby-image-wrapper" style="position:relative;overflow:hidden;display:inline-block;width:50px;height:50px;margin-right:0.875rem;margin-bottom:0;min-width:50px;border-radius:100%"><img aria-hidden="true" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAIBBf/EABUBAQEAAAAAAAAAAAAAAAAAAAEA/9oADAMBAAIQAxAAAAHqTV1DCXoMhP/EABsQAAEEAwAAAAAAAAAAAAAAAAEAAhEhEDEy/9oACAEBAAEFArJhwQsDopuoUY//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAZEAACAwEAAAAAAAAAAAAAAAABEQAQIDH/2gAIAQEABj8CQnXR1//EABwQAQACAwADAAAAAAAAAAAAAAEAIRExURBxof/aAAgBAQABPyFdD6xsHqSLAkWA7ZK3PpcQ7icd8f/aAAwDAQACAAMAAAAQoxg9/8QAFhEBAQEAAAAAAAAAAAAAAAAAEAEx/9oACAEDAQE/ECaf/8QAFhEBAQEAAAAAAAAAAAAAAAAAEAFB/9oACAECAQE/ENKf/8QAHBABAQACAgMAAAAAAAAAAAAAAREAMVFxECFh/9oACAEBAAE/EFKEFUs+BzjtU7MXpNYNFHnLTtdxiBbA9rlBUlMcVwmGmQ1sarfH/9k=" alt="Circle" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:500ms;border-radius:50%"/><noscript><picture><source srcset="/static/0cb47c1c8478f8fff3d697772d1b36f7/99438/first-circle.jpg 1x, /static/0cb47c1c8478f8fff3d697772d1b36f7/aba1d/first-circle.jpg 1.5x, /static/0cb47c1c8478f8fff3d697772d1b36f7/b315d/first-circle.jpg 2x" /><img loading="lazy" width="50" height="50" srcset="/static/0cb47c1c8478f8fff3d697772d1b36f7/99438/first-circle.jpg 1x, /static/0cb47c1c8478f8fff3d697772d1b36f7/aba1d/first-circle.jpg 1.5x, /static/0cb47c1c8478f8fff3d697772d1b36f7/b315d/first-circle.jpg 2x" src="/static/0cb47c1c8478f8fff3d697772d1b36f7/99438/first-circle.jpg" alt="Circle" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><p>Written by <strong>Circle</strong><br/><small>A mound built by the accumulation of hyperlinks are like Kowloon.</small></p></div></footer></article><nav><ul style="display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0"><li><a rel="prev" href="/wordpress-note-20211205">← <!-- -->WordPress 周りメモ</a></li><li><a rel="next" href="/adobe-fonts-note-20211205">Adobe Fonts をJSで後からレンダリングするコンテンツに適用したい<!-- --> →</a></li></ul></nav></main><div><div class="my-12 text-center"><ul style="list-style:none outside;display:flex;justify-content:center"><li><a href="about">About</a></li></ul></div><footer class="my-12 text-center">© <!-- -->2023<!-- -->, Built with<!-- --> <a href="https://www.gatsbyjs.org">Gatsby</a> and<!-- --> <a href="https://github.com/renyuanz/leonids" target="_blank" rel="noreferrer">Leonids theme</a>.</footer></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/textarea-placeholder-linefeed-20211205";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-1a2e57782b1e35f1f124.js"],"app":["/app-7680b9b039dfb3c68ce6.js"],"component---cache-caches-gatsby-plugin-offline-app-shell-js":["/component---cache-caches-gatsby-plugin-offline-app-shell-js-b0556ce5127c1a3e2490.js"],"component---src-pages-404-js":["/component---src-pages-404-js-5fc510504e8f4eb4ecb7.js"],"component---src-pages-about-js":["/component---src-pages-about-js-d0ee5988d7d68b7ed364.js"],"component---src-templates-blog-list-tsx":["/component---src-templates-blog-list-tsx-1bd83b681fc9720a2379.js"],"component---src-templates-blog-post-js":["/component---src-templates-blog-post-js-7fe85a2bdb4a0f9f232b.js"]};/*]]>*/</script><script src="/polyfill-1a2e57782b1e35f1f124.js" nomodule=""></script><script src="/component---src-templates-blog-post-js-7fe85a2bdb4a0f9f232b.js" async=""></script><script src="/cb949c045090cacc6315674291130f4fe5bafd33-f0559fe093a5d02cedaa.js" async=""></script><script src="/styles-407fe62976dc5310c43e.js" async=""></script><script src="/app-7680b9b039dfb3c68ce6.js" async=""></script><script src="/framework-741ade27086b2708e961.js" async=""></script><script src="/webpack-runtime-d049890e141aa232abb5.js" async=""></script></body></html>