我使用以下样式属性，所以当我开始在文本框中输入假设“铁路”时，它应该在不按 CapsLock 的情况下在文本框中输入，如“铁路”
<input type = "text" class = "normal" name = "Name" size = "20" maxlength = "20"> <img src="../images/tickmark.gif" border="0" style='text-transform:uppercase'/>
但是我没有通过使用这个属性得到想要的输出
【问题讨论】：
标签： html
最好的方法是更改表单的样式以显示大写：
input.normal
{
text-transform:uppercase;
}
但是这实际上不会将字符串转换为大写，只是将其设置为以这种方式显示。
因此，当提交数据时，请使用任何服务器端语言将字符串转换为大写，以便存储在数据库中等。例如使用 .NET，您可以这样做：
str.ToUpper();
【讨论】：
如果您只关心风格方面，您可以使用 CSS 完成此操作：
.normal { text-transform: uppercase; }
如果您需要文本本身全部大写（这可能是您的意思，抱歉），结合一点 jQuery（也可以不使用 jQuery，但这样做有什么意义？） ：
$('.normal').change(function() {
$(this).val($(this).val().toUpperCase());
});
【讨论】：
您需要将文本转换放在 Input 标签中，而不是 Image 标签中。像这样。
<input type = "text" class = "normal" name = "Name" style="text-transform:uppercase;" size = "20" maxlength = "20">
<img src="../images/tickmark.gif" border="0"/>
【讨论】：