次の cshtml ログイン フォームがあります。
<div class="editor-label">
@Html.LabelFor(model => model.UserEmailAddress)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.UserEmailAddress, new {@class = "k-textbox", style="width:200px"})
@Html.ValidationMessageFor(model => model.UserEmailAddress)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.UserPassword)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.UserPassword, new { @class = "k-textbox", style="width:200px" })
@Html.ValidationMessageFor(model => model.UserPassword)
</div>
メールアドレスは typr クラスk-textbox
ですが、パスワードはtext-box single-line password
. したがって、両方の幅が異なります。幅とクラスを明示的に指定しようとした後でも。私は MVC に KendoUI を使用しています。出力は次のとおりです。
これはページのソースです:
<div class="editor-label">
<label for="UserEmailAddress">User Name (Email Id)</label>
</div>
<div class="editor-field">
<input class="k-textbox" data-val="true" data-val-regex="E-mail is not valid" data-val-regex-pattern="^[a-zA-Z0-9_\.-]+@([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,6}$" data-val-required="The User Name (Email Id) field is required." id="UserEmailAddress" name="UserEmailAddress" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="UserEmailAddress" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="UserPassword">UserPassword</label>
</div>
<div class="editor-field">
<input class="text-box single-line password" data-val="true" data-val-required="Password required" id="UserPassword" name="UserPassword" type="password" value="" />
<span class="field-validation-valid" data-valmsg-for="UserPassword" data-valmsg-replace="true"></span>
</div>
これらの両方を同じクラス、スタイル、幅で作成するにはどうすればよいでしょうか。