html - 如何自动将文本框设置为大写？

Question

我正在使用以下样式属性将用户输入设置为大写，这样当用户开始在文本框中输入例如 railway 时，它应该被更改为大写字母，例如 RAILWAY 无需用户按下 Caps-lock 按钮。

这是我用于输入的代码:

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

但我没有通过使用此属性获得所需的输出。

Answer 1

您已将 style <img> 上的属性标签，而不是 <input> .

在属性名称和值之间有空格也不是一个好主意...

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

请注意，此转换纯粹是可视化的，不会更改在 POST 中发送的文本。

注意:如果要将实际输入值设置为大写，并保证表单提交的文本为大写，可以使用如下代码:

<input oninput="this.value = this.value.toUpperCase()" />