如何将textarea HTML的第一个字母大写？

Question

我是网络编程的新手，我正在寻找一种将文本区域的首字母大写的方法。我已经尝试过在网上找到的这个解决方案，但它不起作用。

<p class="textarea_part">
    <textarea name="#" placeholder="La tua richiesta"></textarea>
</p>

<style>
    .textarea_part::first-letter {
         text-transform: capitalize;
     }
</style>

我该如何解决这个问题？

Answer 1

使用javascript：

document.querySelector('.textarea_text').addEventListener('input', () => {
  text = document.querySelector('.textarea_text').value;
  document.querySelector('.textarea_text').value = text.charAt(0).toUpperCase() + text.slice(1);
})

<p class="textarea_part">
    <textarea name="#" placeholder="La tua richiesta" class="textarea_text"></textarea>
</p>

感谢@marcus-parsons 通知我input 事件监听器！现在使用 javascript 方法要快得多。