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();
}

此外，您不希望阻止用户使用大写字母。用户可能认为出现了问题（通常用户认为当某些事情无法正常运作时出现问题）

如何默认使html文本框小写

1 个答案: