如何访问代码中的html控件

Question

我试图按照这个例子来验证凭证.但是,它使用asp:controls作为登录表单.

如果我使用html控件,那么可以应用CSS样式,例如

<div id="login">
<a href="#" id="lclose"></a>

        <form action="#" runat="server">
            <fieldset>
                <div class="frame">
                    <h4>Login</h4>
                    <small>Sign in to your account.</small>
                    <div class="clear"></div>
                    <input type="text" value="Username" class="input-text autoclear" />
                    <input type="password" value="Password" class="input-text autoclear"/>
                </div>

                <div class="separator"></div>

                <div>
                <input type="submit" value="Sign in" class="input-submit float-right" runat="server" onserverclick="LoginButton_Click"/>
                <a href="#" class="float-left">Forgot your password?</a>
                </div>

            </fieldset>
        </form>

</div>

如何在代码后面的代码中访问用户名和密码？

protected void LoginButton_Click(object sender, EventArgs e)
{
    // Validate the user against the Membership framework user store
    if (Membership.ValidateUser(UserName.Text, Password.Text))
    {
        // Log the user into the site
        FormsAuthentication.RedirectFromLoginPage(UserName.Text, RememberMe.Checked);
    }
    // If we reach here, the user's credentials were invalid
    InvalidCredentialsMessage.Visible = true;
}

什么是正确的语法而不是UserName.Text, Password.Text？

Answer 1

添加id和runat服务器属性到输入标记(见下文)

<input type="text" value="Username" class="input-text autoclear"  id="Username" runat="server"/>
<input type="password" value="Password" class="input-text autoclear" id="Password" runat="server"/>

您还需要在代码中更改Text为Value:

protected void LoginButton_Click(object sender, EventArgs e)
{
    // Validate the user against the Membership framework user store
    if (Membership.ValidateUser(Username.Value, Password.Value))
    {
        // Log the user into the site
        FormsAuthentication.RedirectFromLoginPage(UserName.Value, RememberMe.Checked);
    }
    // If we reach here, the user's credentials were invalid
    InvalidCredentialsMessage.Visible = true;
}

您还可以添加一个HTML checkbox的RememberMe

<input id="RememberMe" type="checkbox" runat="server" value ="RememberMe"/>

现在您可以通过调用来检查已检查的状态 RememberMe.Checked

Answer 2

添加runat ="server"和id ="your_id",您应该可以访问它们.例如:

<input type="text" value="Username" class="input-text autoclear" 
   runat="server" id="UserName" />
<input type="password" value="Password" class="input-text autoclear" 
   runat="server" id="Password"/>

然后你可以访问这样的值:

Membership.ValidateUser(UserName.Value, Password.Value)