javascript - 如何将 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 方法要快得多。