javascript - フォームのテキストを小文字にする

Question

ユーザーの種類に関係なく、「ユーザー名」テキストのテキストinputを小文字にするにはどうすればよいですか?

<div class="register">
   <label for="username">Select username:</label>
</div> 
<div class="registerform">
    <input name="username" class="registerfont" type="text"
           id="username" maxlength="15" style="height:35px; width:300px">
</div>

Answer 1

CSSで：

form input[type="text"] {
    text-transform: lowercase;
}

それ以外の場合は JS で:

var text="this is my text.";
var lowercase=text.toLowerCase();

Answer 2

Answer 3

代わりにonchangeを使用してください

<input name="username"
  onchange="this.value = this.value.toUpperCase();"
  style="text-transform: lowercase; height:35px; width:300px"

  class="registerfont"
  type="text"
  id="username"
  maxlength="15"
>

Answer 4

入力 ID がユーザー名であると仮定して jquery を使用する:

$(document).ready(function(){
    $("#username").on('input', function(){
        $(this).val( $(this).val().toLowerCase() );
    })
});