将引导元素添加到asp文本框

时间:2014-06-09 02:35:57

标签: html asp.net twitter-bootstrap textbox

我在asp.net中相当新,而且我更擅长构建html / php网站。我正在尝试将twitter bootstrap添加到我的文本框中。我当前的文本框显示:

<asp:TextBox ID="UserName" runat="server" Width="250px" TabIndex="1"></asp:TextBox>

我使用html设计的输入是:

<input type="text" class="form-control input-lg" placeholder="Username">

如何将我的文本框的所有类放到我的asp文本框中,它会以类似的方式生效html元素吗?

2 个答案:

答案 0 :(得分:8)

您可以使用asp textbox将这些课程放在CssClass中,如下所示

<asp:TextBox ID="UserName" runat="server" CssClass="form-control input-lg" 
    Width="250px" TabIndex="1"></asp:TextBox>

基本上,当您创建控件asp control时,它会在浏览器上呈现为html控件 所以在浏览器中你会看到相同的内容。

控件的idname可能有所不同。生成它们取决于master pageuser controls等控件。

虽然你在asp.net中有不同的ClientIdMode来解决这个问题 相同的MSDN是http://msdn.microsoft.com/en-us/library/system.web.ui.clientidmode.aspx

答案 1 :(得分:2)

<asp:TextBox ID="UserName" runat="server" CssClass="form-control input-lg" 
    Width="250px" TabIndex="1" placeholder="Username"></asp:TextBox>