如何在输入字段强制小写? [关闭]

问题描述 投票:2回答:4

我有一个输入字段,客户端只想小写。因此输出也会以小写形式生成输入。

这就是我目前所拥有的,它无法正常工作。

<script>
function toLowerCase(email) {
    strInput.value=strInput.value.toLowerCase();
}
</script>
javascript lowercase
4个回答
5
投票

使用oninput

var input = document.getElementsByTagName("input")[0] // just your input element

input.oninput = function() {
  input.value = input.value.toLowerCase()
}
<input type="text" />

4
投票

使用模式:

<input pattern="[a-z0-9]+" title="Only lowercase / numbers allowed" />

4
投票

您可以将text-transform: lowercase;强制为输入样式

<input type="text" style="text-transform: lowercase">

0
投票

请改用CSS3属性。

text-transform: lowercase;

https://jsfiddle.net/ho8zcw68/

© www.soinside.com 2019 - 2024. All rights reserved.