# ASP.NET MVC - HTML 幫助器 HTML 幫助器用于修改 HTML 輸出。 ## HTML 幫助器 通過 MVC，HTML 幫助器類似于傳統的 ASP.NET Web Form 控件。 就像 ASP.NET 中的 Web Form 控件，HTML 幫助器用于修改 HTML。但是 HTML 幫助器是更輕量級的。與 Web Form 控件不同，HTML 幫助器沒有事件模型和視圖狀態。 在大多數情況下，HTML 幫助器僅僅是一個返回字符串的方法。 通過 MVC，您可以創建您自己的幫助器，或者直接使用內建的 HTML 幫助器。 ## 標準的 HTML 幫助器 MVC 包含了大多數常用的 HTML 元素類型的標準幫助器，比如 HTML 鏈接和 HTML 表單元素。 ## HTML 鏈接 呈現 HTML 鏈接的最簡單的方法是使用 HTML.ActionLink() 幫助器。 通過 MVC，Html.ActionLink() 不連接到視圖。它創建一個連接到控制器操作。 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 | URL 文本（標簽），定位點元素的內部文本。 | | .actionName | 操作（action）的名稱。 | | .routeValues | 傳遞給操作（action)的值，是一個包含路由參數的對象。 | | .controllerName | 控制器的名稱。 | | .htmlAttributes | URL 的屬性設置，是一個包含要為該元素設置的 HTML 特性的對象。 | | .protocol | URL 協議，如 "http" 或 "https"。 | | .hostname | URL 的主機名。 | | .fragment | URL 片段名稱（定位點名稱）。 | **注釋：**您可以向控制器操作傳遞值。例如，您可以向數據庫 Edit 操作傳遞數據庫記錄的 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> <%}%> ```