Javascript 键盘的自动资本化取决于模式_Javascript_Jquery_Html_Css

Javascript 键盘的自动资本化取决于模式

javascript jquery html css

Javascript 键盘的自动资本化取决于模式,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在为一个移动web应用程序工作。这里是一个输入字段模式为“a-B”的场景所以，如果用户必须输入任何内容，他必须大写keybord，那么只有他才能输入任何内容 javascript中是否有任何解决方案，当用户输入small-late时，small-late会自动转换为大写提前谢谢您可以绑定onChange处理程序并从输入中读取值。然后用value.toUpperCase（）将该值大写，并将其粘贴回输入。像这样尝试 <!DOCTYPE html> <html>

我正在为一个移动web应用程序工作。这里是一个输入字段模式为“a-B”的场景

所以，如果用户必须输入任何内容，他必须大写keybord，那么只有他才能输入任何内容

javascript中是否有任何解决方案，当用户输入small-late时，small-late会自动转换为大写

提前谢谢

您可以绑定onChange处理程序并从输入中读取值。然后用value.toUpperCase（）将该值大写，并将其粘贴回输入。

像这样尝试

<!DOCTYPE html>
<html>
<body>

    <p>A function is triggered when the user releases a key in the input field. The function transforms the character to upper case.</p>
    Enter your name: <input type="text" id="fname" onkeyup="myFunction()">

    <script>
    function myFunction() {
        var x = document.getElementById("fname");
        x.value = x.value.toUpperCase();
    }
    </script>

    </body>

</html>


当用户释放输入字段中的键时，会触发一个功能。该函数将字符转换为大写
输入您的姓名：
函数myFunction（）{
var x=document.getElementById（“fname”）；
x、 value=x.value.toUpperCase（）；
}

您可以使用CSS属性

文本转换：大写注意：这不会将值本身大写。如果还希望值为大写，则可以在更改处理程序上执行此操作：this.value=this.value.toUpperCase（）
<!DOCTYPE html>
<html>
<body>

    <p>A function is triggered when the user releases a key in the input field. The function transforms the character to upper case.</p>
    Enter your name: <input type="text" id="fname" onkeyup="myFunction()">

    <script>
    function myFunction() {
        var x = document.getElementById("fname");
        x.value = x.value.toUpperCase();
    }
    </script>

    </body>

</html>