Как сделать HTML текстового поля в нижнем регистре по умолчанию

Question

У меня есть этот логин форма:

<div id="loginform"> 
    <div> 
     <img id="loginLogo" runat="server" /> 
    </div> 
    <div class="row"> 
     <label>Email</label> 
     <input name="UserNameBox" type="text" id="tbEmail" style="outline-style:none;" 
     tabindex="1" runat="server" onkeydown="if (event.keyCode == 13) validateExample()" 
     /> 
    </div> 
    <div class="row"> 
     <label>Password</label> 
     <input name="PasswordBox" type="password" id="tbPassword" 
     tabindex="2" style="outline-style:none" runat="server" onkeydown="if (event.keyCode == 13) validateExample()" 
     /> 
    </div> 
    <div id="validationError" class="validationError" runat="server"></div> 
    <div style="margin-top: 15px; margin-left: 15px;" tabindex="3"> 
     <input type="checkbox" id="cbRememberMe" name="rememberMe" runat="server" 
     tabindex="4" />remember me</div> 
    <center> 
     <input type="button" class="rounded-corners" onclick="validateExample()" 
     value="Login" tabindex="5" /> 
    </center> 
</div> 

в устройстве по умолчанию случай первой буквы в имени пользователя текстового поля в верхнем регистре. Как я могу сделать это в нижнем регистре по умолчанию, но пользователь все равно может сделать это в верхнем регистре, если его имя пользователя начинается с прописной буквы.

Answer 1

Было бы лучше сделать преобразование нижнего регистра во время проверки, а не во время набора текста. Вы можете использовать toLowerCase, когда вы его проверяете.

Если вы настаиваете делать живое преобразование, включите CAPSLOCK ON и here's a sample:

document.getElementById('tbEmail').onkeyup = function() { 
    this.value = this.value.toLowerCase(); 
}​ 

Кроме того, Вы не хотели бы, чтобы запретить пользователю использовать заглавные буквы. Пользователь может подумать, что что-то не так (обычно пользователи считают, что что-то не так, когда что-то не работает нормально)