JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="txt" onkeyup="return forceLower(this);"/>

CSS

#txt {
    text-transform:lowercase;
}

JavaScript

function forceLower(strInput) 
{
strInput.value=strInput.value.toLowerCase();
}