Вам нужно преобразовать значение в верхний регистр при вставке в базу данных или использовать что-то вроде этого: <input type="text" onkeyup="this.value = this.value.toUpperCase();">
.
Вам все равно нужно будет включить CSS text-transform: uppercase
, который скроет sluggi sh поведение JS.
// Some Javascript to read what is typed in and show how it is converted
var input = document.getElementsByTagName('input');
var output = document.getElementById('output');
var forEachEntryIn = function (array, callback, scope) {
for (var i = 0; i < array.length; i++) { callback.call(scope, i, array[i]); } };
function outputText() {
output.innerHTML ='';
forEachEntryIn( input, function (idx,el,sc) { output.innerHTML += 'text ' + (idx+1) + ': ' + el.value + '<br>'; });
}
outputText() // first run
body,input { font-size: 1.5rem }
.trans { text-transform: uppercase }
<h3>inputs</h3>
<label>text 1</label> <input class="trans" type="text" onkeyup="outputText();"><br>
<label>text 2</label> <input type="text" onkeyup="this.value = this.value.toUpperCase();outputText();"><br>
<label>text 3</label> <input class="trans" type="text" onkeyup="this.value = this.value.toUpperCase();outputText();">
<h3>outputs</h3>
<p id="output"></p>