Crea una textarea tutto maiuscolo?

Question

Sto provando a creare una textarea che digiterà solo i cap, anche se l'utente non sta tenendo premuto MAIUSC o ha il blocco maiuscole. Idealmente questo accetterebbe l'input non importa cosa e lo sposterebbe automaticamente in maiuscolo. La maggior parte dei modi in cui sto pensando sembra un po 'goffo e mostrerebbe anche il minuscolo prima che venga convertito.

Qualche suggerimento o strategia?

Answer 1

è possibile utilizzare i CSS

textarea { text-transform: uppercase; } 

tuttavia, questo rende solo sul browser. diciamo che se si vuole iniettare il testo in uno script o db nella textarea come maiuscole allora si dovrà usare javascript toUpperCase(); prima dell'iniezione o del modulo di invio.

Ecco l'jsfiddle ad esempio:

html:

<textarea>I really like jAvaScript</textarea> 

css:

textarea{ 
text-transform: uppercase; 
} 

javascript:

var myTextArea = document.getElementsByTagName('textarea'); 

for(var i=0; i<myTextArea.length; i++){ 
    console.log('Textarea ' + i + ' output: ' + myTextArea[i].innerHTML); //I really like jAvaScript 
    console.log('Textarea ' + i + ' converted output: ' + myTextArea[i].innerHTML.toUpperCase()); //I REALLY LIKE JAVASCRIPT 
} 

Answer 2

CSS:

textarea { text-transform: uppercase; } 

Answer 3

Quintin,

creare uno stile in CSS come la seguente:

textarea { text-transform: uppercase; }

Answer 4

provare ad aggiungere un

textarea{ 
    text-transform: uppercase; 
} 

per l'area di testo.

Answer 5

Aggiungi si può ottenere CSS:

textarea { text-transform: uppercase; }