Как в <textarea> сделать так, чтобы при вводе текста только первая буква в предложении была заглавной?

#html #css #textarea

        
                    
Добрый день. 

Вопрос: При вводе текста строчными буквами в  сделать так, чтобы только
первая буква в предложении была заглавной? 

Спасибо.
    
</PRE></p><br><h3>Ответы</h3><p style="text-align: left; font-size: 14px;"><PRE><h3><b>Ответ 1</b></h3><br><br>С помощью css такое может решить только атрибут autocapitalize. Проблема в том, что
это не универсальное решение. 
Поэтому такую задачу можно решить только с помощью js. Например так:



$("#someId").on('keyup', function(e) {
    var arr = $(this).val().split('.');
    var result = '';
    for (var x = 0; x < arr.length; x++) {
        result += arr[x].replace(/^\s+/, '').charAt(0).toUpperCase() + arr[x].replace(/^\s+/,
'').slice(1) + '. ';
    }
    $(this).val(result.substring(0, result.length - 2));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="someId">