你将如何在 JavaScript/HTML 中实现自动大写

在 JavaScript/HTML 中实现自动大写，可以使用 JavaScript 的 toUpperCase() 方法将输入的文本转换为大写。以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
 <title>自动大写示例</title>
</head>
<body>
 <input type="text" id="inputText" placeholder="请输入文本">
 <button onclick="convertToUpperCase()">转换为大写</button>
  <p id="outputText"></p>

 <script>
    function convertToUpperCase() {
      const inputText = document.getElementById('inputText').value;
      const outputText = document.getElementById('outputText');
      outputText.innerHTML = '转换后的文本：' + inputText.toUpperCase();
    }
  </script>
</body>
</html>

在这个示例中，我们创建了一个输入框和一个按钮。当用户点击按钮时，convertToUpperCase() 函数会被调用，该函数会获取输入框中的文本，并使用 toUpperCase() 方法将其转换为大写。最后，将转换后的文本显示在 <p> 标签中。