复制和粘贴时 MVC Razor 字段标签重叠

Question

<div class="labelled-text-field">
     @Html.LabelFor(x => x.Email)
     @Html.TextBoxFor(x => x.Email)
     @Html.ValidationMessageFor(x => x.Email)
</div>

当使用右键单击时 -> 粘贴标签与粘贴的电子邮件重叠：

键入或使用 Ctrl+v（粘贴）时效果很好：

我不知道使用 razor oncopy 事件是否是解决此问题的方法：

@Html.TextBoxFor(x => x.Email, 
              new { 
                    @class = "input_box", 
                    id = "txtDays", 
                    onpaste="" 
                  }
               )

Answer 1

尝试占位符属性。当您粘贴文本时，它会清除水印。

<div class="labelled-text-field">
    @Html.LabelFor(x => x.Email)
    @Html.TextBoxFor(x => x.Email, new {placeholder="Your Email" })
    @Html.ValidationMessageFor(x => x.Email)
</div>

复制和粘贴时 MVC Razor 字段标签重叠

MVC Razor field label gets overlapped when copy and paste

razor

mvcrazor