ASP.NET MVC - HTML 帮助器

HTML 修改 HTML 输出。

HTML 帮助器

通过 MVC,HTML 于传统的 ASP.NET Web Form 控件。

类似 ASP.NET 中的 web form 控件,HTML 修改 HTML。但是 HTML 。与 web form HTML view state。

况下,HTML

通过 MVC HTML 帮助器。

标准的 HTML 帮助器

MVC 数常用的 HTML ,比如 HTML 链接和 HTML

HTML 链接

呈现 HTML 用 HTML.ActionLink() 帮助器。

通过 MVC,Html.ActionLink() (controller action

Razor 语法:

@Html.ActionLink("About this Website", "About")

ASP 语法:

<%=Html.ActionLink("About this Website", "About")%>

上面的 Html.ActionLink() 出以下 HTML:

<a href="/Home/About">About this Website</a>

Html.ActionLink() 干参数:

参数 描述
linkText
actionName
controllerName 称。
protocol URL http”或“https”。
hostname URL
fragment URL )。
routeValues 象。
htmlAttributes HTML 特性。

注释: id。

Razor 语法 C#:

@Html.ActionLink("Edit Record", "Edit", new {Id=3})

Razor 语法 VB:

@Html.ActionLink("Edit Record", "Edit", New With{.Id=3})

上面的 Html.ActionLink() 出以下 HTML:

<a href="/Home/Edit/3">Edit Record</a>

HTML 表单元素

以下 HTML HTML

  • BeginForm()
  • EndForm()
  • TextArea()
  • TextBox()
  • CheckBox()
  • RadioButton()
  • ListBox()
  • DropDownList()
  • Hidden()
  • Password()

ASP.NET 语法 C#:

<%= Html.ValidationSummary("Create was unsuccessful. Please correct the errors and 
try again.") %>
<% using (Html.BeginForm()){%>
<p>
<label for="FirstName">First Name:</label>
<%= Html.TextBox("FirstName") %>
<%= Html.ValidationMessage("FirstName", "*") %>
</p>
<p>
<label for="LastName">Last Name:</label>
<%= Html.TextBox("LastName") %>
<%= Html.ValidationMessage("LastName", "*") %>
</p>
<p>
<label for="Password">Password:</label>
<%= Html.Password("Password") %>
<%= Html.ValidationMessage("Password", "*") %>
</p>
<p>
<label for="Password">Confirm Password:</label>
<%= Html.Password("ConfirmPassword") %>
<%= Html.ValidationMessage("ConfirmPassword", "*") %>
</p>
<p>
<label for="Profile">Profile:</label>
<%= Html.TextArea("Profile", new {cols=60, rows=10})%>
</p>
<p>
<%= Html.CheckBox("ReceiveNewsletter") %>
<label for="ReceiveNewsletter" style="display:inline">Receive Newsletter?</label>
</p>
<p>
<input type="submit" value="Register" />
</p>
<%}%>