我使用以下样式属性将用户输入设置为大写,这样当用户开始在文本框中输入时,例如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'/>
但是我没有通过使用这个属性得到想要的输出。
发布于 2016-03-23 03:13:36
第一个答案的问题是占位符也是大写的。如果您只希望输入为大写,请使用以下解决方案。
为了只选择非空的输入元素,将必需的属性放在元素上:
<input type="text" id="name-input" placeholder="Enter symbol" required="required" />
现在,为了选择它,使用:valid
伪元素:
#name-input:valid { text-transform: uppercase; }
这样,您将只大写输入的字符。
发布于 2012-06-19 19:35:05
试一试
<input type="text" class="normal"
style="text-transform:uppercase"
name="Name" size="20" maxlength="20">
<img src="../images/tickmark.gif" border="0"/>
将样式标签放在输入上而不是图像上,因为您是在输入上写入,而不是在图像上写入
发布于 2016-06-29 14:04:55
设置跟随样式以将所有文本框设置为大写
input {text-transform: uppercase;}
https://stackoverflow.com/questions/11100041
复制相似问题