如何在输入字段强制小写？

Question

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

这就是我现在所拥有的，它不起作用。

<script>
function toLowerCase(email) {
    strInput.value=strInput.value.toLowerCase();
}
</script>

Answer 1

使用oninput：

＆＃13;

＆＃13;

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

input.oninput = function() {
  input.value = input.value.toLowerCase()
}

＆＃13;

<input type="text" />

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用模式：

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

Answer 3

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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 4

改为使用CSS3属性。

text-transform: lowercase;

https://jsfiddle.net/ho8zcw68/