Soy un novato en la programación web y estoy buscando una forma de poner en mayúsculas solo la primera letra de un área de texto. Ya probé esta solución que encontré en la web pero no funciona.
<p class="textarea_part"> <textarea name="#" placeholder="La tua richiesta"></textarea> </p> <style> .textarea_part::first-letter { text-transform: capitalize; } </style>
¿Como puedó resolver esté problema?
Usando 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>
¡Gracias, @marcus-parsons por informarme sobre el detector de eventos de input
! Ahora es mucho más rápido para el método javascript.