Asp.net输入类型=“ text” vs asp:textbox

时间:2018-11-22 13:58:31

标签: asp.net webforms

我是新的Asp.Net。我有输入type =“ text”,也有css类用于输入[type =“ text”]。所以我有一个asp:textbox。我如何为我的asp:textbox编写CSS类,这是与输入类不同的CSS类?

我的asp:textbox从  .login-box输入[type = text],输入[type = password]

<div class="login-box" style="padding:70px 30px">
    <img src="Images\human.png" class="man"/>
    <h1>Login Here</h1>
    <p>Username</p>   
    <input id="username" type="text" name="username" placeholder="Enter Username" runat="server"/>
    <p>Password</p>
    <input type="password" name="password" placeholder="Enter Password"/>
    <asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click"/>
    <asp:TextBox ID="txtError" CssClass="text-hide" runat="server">Incorrect username or password!</asp:TextBox>
    <a href="#">Forgot Password</a>
</div>

下面的我的style.css:

.login-box input {
    width: 100%;
    margin-bottom: 20px;
}
.text-hide {
    height:40px;
    border-color:Transparent;
    background-color:Transparent;
    color:Red;
}
.login-box input[type=text], input[type=password] {
    height: 40px;
    border: 0;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    outline: none;
}

3 个答案:

答案 0 :(得分:1)

使用CssClass属性。像这样:

<asp:TextBox ID="txtError" CssClass="text-hide" runat="server">

这将变成:

<input type="text" class="text-hide">

在页面上

答案 1 :(得分:1)

要使用标签,文字或面板,都可以与asp:前缀一起使用,以在ASP.Net Web窗体中显示某些消息。

您不会像示例中那样在输入字段中添加消息

<asp:Label ID="txtError" CssClass="text-hide" runat="server" Text="Incorrect username or password!"></asp:Label>

之后,您可以像这样在CSS中引用此类:

.text-hide {
}

答案 2 :(得分:0)

用户名

git remote in `git branch -r | grep -v "<orpan_branch_names>"; do git checkout --track $remote; done