如何将html语法替换为razor语法

Question

我有一个html格式的页面，我想将其更改为剃刀语法。这是代码：

<label class="class1" for="textinput">
    <button class="class2" href="#abc">Send</button>&nbsp;To
</label>

Answer 1

只需使用Razor HtmlHelpers ：

@Html.LableFor(model => model.textinput)
//or @Html.Lable("textinput")
<button class="class2" <--!href="#abc"-->>Send</button>&nbsp;To
//we don't have 'href' attribute in button tag
@html.ActionLink("Action", "Controller", null/*routing values*/)

你想在Button内Label吗？要了解更多read this。

修改 According to W3，标签本身可以位于相关控件之前，之后或周围。有关更多说明，请参阅Should I put input tag inside label tag?和Should we put inside ?。但是，如果你真的想这样做，你就不能使用@Html.Label或@Html.LabelFor，因为通过Razor Syntax将元素置于其中是不可能的。