如何使用<input type =“”class =“”form-control“=”“id =”“placeholder =”“/>?

时间:2017-09-29 19:41:46

标签: html asp.net-mvc

通常我们使用:

<table>
        <tr>
            <td>@Html.LabelFor(a => a.UserName)</td>
            <td>@Html.TextBoxFor(a => a.UserName)</td>
           <td>@Html.ValidationMessageFor(a => a.UserName)</td>
        </tr>
        <tr>
            <td>
                @Html.LabelFor(a => a.Password)
            </td>
            <td>
                @Html.PasswordFor(a => a.Password)
            </td>
            <td>
                @Html.ValidationMessageFor(a => a.Password)
            </td>
            </table>

但我正在使用bootsrap,我想获取txtbox的de信息。 我的代码:

<div class="form-group">
    @html(a => a.name) input type="text" class="form-control" id="usertxt" placeholder="Your name">
</div>

 @Html.PasswordFor(a => a.password)
        <input type="submit" value="Login" />

我不知道该怎么做。救命? :d

3 个答案:

答案 0 :(得分:0)

如果要为HTML帮助程序生成的表单控件添加其他属性,则可以使用htmlAttribues重载之一的TextBoxFor参数。

<div class="form-group">
    @Html.TextBoxFor(a => a.UserName, new { @class = "form-control", id = "usertxt", placeholder = "Your name" })
</div>

此处的第二个参数是object,其中包含您要添加到input的所有其他属性。 TextBoxFor会生成type="text"的输入,因此您无需明确添加。

答案 1 :(得分:-1)

你的问题还不清楚。请具体说明您要做的事情。 无论如何,有两种方法可以编写服务器端代码和HTML代码在一起。 1.保持HTML原样,并在必需的html标记内编写服务器端代码。 2.用服务器端代码包装HTML代码。

答案 2 :(得分:-1)

如果要在文本字段中显示值,则应使用值=&#34;&#34;该字段中的属性。然后它将显示在文本字段框中。

实施例

<div class="form-group">
<label for="usr">Name:</label>
<input type="text" class="form-control" id="usr" value="User Name">
</div>