如何在Javascript中自动输入小写字母

Jor*_*ash 15 javascript

当用户将它们键入Javascript中的文本字段时,如何使文本框的所有字符都小写?

<input type="text" name="thishastobelowercase">
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助.

Jus*_*ith 31

我只是让CSS为你做这个而不是用javascript周围的东西:

<input type="text" name="tobelowercase" style="text-transform: lowercase;">
Run Code Online (Sandbox Code Playgroud)

  • 重要的是要注意,这只会影响显示,而不会影响实际值.换句话说,在UI中,您将看到全部小写,但在服务器端,您将看到所使用的任何大写字符. (18认同)
  • @TheMuffinMan +1.这是**重要的注意事项**. (3认同)

Mrc*_*ief 14

两种方式:

使用CSS:

.lower {
   text-transform: lowercase;
}

<input type="text" name="thishastobelowercase" class="lower">
Run Code Online (Sandbox Code Playgroud)

使用JS:

<input type="text" name="thishastobelowercase" onkeypress="this.value = this.value.toLowerCase();">
Run Code Online (Sandbox Code Playgroud)


bjo*_*rnd 8

$('input').keyup(function(){
    this.value = this.value.toLowerCase();
});
Run Code Online (Sandbox Code Playgroud)