Question

我使用以下样式属性，所以当我开始输入文本框时假设'铁路'它应该在没有按CapsLock的情况下进入像'RAILWAY'这样的文本框

<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;
}

SEE EXAMPLE

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

因此，当提交数据时，使用任何服务器端语言将字符串转换为大写以便存储在数据库中等。例如，使用.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"/>

如何将文本框的属性设置为UpperCase

3 个答案: