Question

在下面的代码中，我想动态地将输入字段更改为大写，即输入字母时我知道样式选项，即文本转换，但我想用javascript来做我正在练习javascript概念，作为学习的一部分，我想这样做。

<html>
<body>

  <input type="text" size="40" id="name" name="name">

</body>
</html>

Answer 1

type

我相信您可以在类的innerHTML上调用var upCase = getElementById('id').value.toUpperCase(); document.getElementById('id').value = upCase;函数或您尝试选择的ID。如果您使用的是课程，则可以使用.toUpperCase()。

编辑：我错过了onKeyUp，这：.getElementsByClassName() 如果你只想在一个地方使用它，那就应该有效。

Answer 2

您需要查看以下帖子

Change Input to Upper Case

Answer 3

您可以结合使用onkeyup事件：

https://www.w3schools.com/jsref/event_onkeyup.asp

使用toUpperCase方法：

https://www.w3schools.com/jsref/jsref_touppercase.asp

Answer 4

Actually I got the answer but i dint found any answer like this thats why I have asked this question.
Thanks for your reply guys..

Below is the answer: 


<!DOCTYPE html>
    <html>
    <body>

    <input type="text" size="40" id="name" oninput="convertToUpperCase()">
    <!-- Vishal Biradar-->
    <script>

        function convertToUpperCase(){
            var name=document.getElementById("name").value;   
        if(name!=""){
           name=name.toUpperCase();
           }
        document.getElementById("name").value=name;

        }

    </script>

    </body>
    </html>

Answer 5

我想知道为什么这里没有答案。有一个CSS可以回答您的问题

text-transform: uppercase

您只需要将该样式添加到文本输入中即可。

<input type="text" name="LastName" style="text-transform: uppercase;">

Answer 6

function converttoUpperCase(e)
{
 var pPosition = e.target.selectionStart;
 e.target.value=e.target.value.toUpperCase();
 e.target.selectionStart=pPosition;
 e.target.selectionEnd=pPosition;
}

function checkOnInput(e)
{
 if(hasLowerCase(e.target.value))
   converttoUpperCase(e);
}

function hasLowerCase(str)
{
 return (/[a-z]/.test(str));
}

<input oninput="checkOnInput(event);" type="text" size="40" id="name" name="name">

如何在使用javascript键入时将输入文本转换为大写

6 个答案: