html - 如何将文本框的属性设置为大写

Question

我使用以下样式属性，所以当我开始在文本框中输入假设“铁路”时，它应该在不按 CapsLock 的情况下输入“铁路”等文本框

<input type = "text" class = "normal" name = "Name" size = "20" maxlength = "20"> <img src="../images/tickmark.gif" border="0" style='text-transform:uppercase'/>

但我没有通过使用这个属性得到想要的输出

Answer 1

最好的方法是更改​​表单的样式以显示大写：

input.normal
{
   text-transform:uppercase;
}

查看示例

---

但是，这实际上不会将字符串转换为大写，只是将其设置为以这种方式显示。

因此，当提交数据时，使用任何服务器端语言将字符串转换为大写，以便存储在数据库中等。例如，使用 .NET，您可以这样做：

str.ToUpper();

Answer 2

如果您只关心风格方面，您可以使用 CSS 完成此操作：

.normal { text-transform: uppercase; }

如果您需要将文本本身全部大写（这可能是您的意思，抱歉），请结合一些 jQuery（也可以不使用 jQuery，但这样做有什么意义？）：

$('.normal').change(function() {
   $(this).val($(this).val().toUpperCase());
});

示例：http: //jsfiddle.net/HackedByChinese/QwSSe/1/

Answer 3

您需要将文本转换放在 Input 标签中，而不是 Image 标签中。像这样。

<input type = "text" class = "normal" name = "Name" style="text-transform:uppercase;" size = "20" maxlength = "20">
<img src="../images/tickmark.gif" border="0"/>