如何在输入时将输入更改为大写

如何在输入时将输入更改为大写

本文介绍了如何在输入时将输入更改为大写的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用 onkeyup =this.value = this.value.toUpperCase();以大写形式更改输入文本值。这是有效的,但我需要在不使用鼠标事件的情况下更改输入框中的单个字母。如果我使用左箭头键向后移动光标onkeyup事件被触发并且光标移动到结束。如何修改此脚本,以便我可以使用箭头键向后导航并在两者之间修改文本

I am using onkeyup="this.value=this.value.toUpperCase();"to change input text value in uppercase. This is working but my need is to change a single letter in input box without using mouse event. If i use left arrow key to move cursor backward onkeyup event gets triggered and the cursor moves to end. How do I modify this script, so that I can navigate backward using arrow keys and modify a text somewhere in between

当前代码如下所示...

The current code looks like this...

<h:inputText value="#{_input.response}" autocomplete="off" onmouseover="this.focus();" onkeyup="this.value=this.value.toUpperCase();"/>


推荐答案

CSS怎么样:

input.upper { text-transform: uppercase; }

备注:这仍然会将值发送给用户输入的服务器,而不是大写的。

Remark: This will still send the value to the server as typed by the user and not uppercased.

这篇关于如何在输入时将输入更改为大写的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-02 02:30