Сделать textarea все шапки?

Я пытаюсь создать текстовое поле, которое будет вводить только кепки, даже если пользователь не удерживает сдвиг или блокирует блокировку. В идеале это будет принимать входные данные независимо от того, что и просто автоматически переключит его на все кепки. Большинство способов, о которых я думаю, кажутся неудобными, а также показывают строчные буквы, прежде чем они будут преобразованы.

Любые предложения или стратегии?

Ответ 1

вы можете использовать CSS

textarea { text-transform: uppercase; }

однако, это отображается только в браузере. скажем, если вы хотите вставить текст в script или db в текстовое поле как все кепки, тогда вам нужно будет использовать javascript toUpperCase(); перед инъекцией или отправить форму.

здесь jsfiddle, например:

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
}

Ответ 2

CSS

textarea { text-transform: uppercase; }

Ответ 3

Квинтин,

Создайте стиль в CSS, например:

{текстовое поле текст-преобразования: заглавные буквы; }

Ответ 4

Попробуйте добавить

textarea{
   text-transform: uppercase;
}

в текстовую область.

Ответ 5

Добавить, вы можете получить его CSS:

textarea { text-transform: uppercase; }