All methods of the HTML extension class have 2 parameters:

--Excerpt from Rocky Ren

All methods of the HTML extension class have 2 parameters:

Take a TextBox as an example

public static string TextBox (this htmlhelper htmlhelper, string name, Object value, idictionary<string, object> htm Lattributes)

public static string TextBox (this htmlhelper htmlhelper, string name, object value, Object htmlattributes)

These 2 parameters represent a collection of attributes for this HTML tag. Use the following method.

1.ActionLink

<%=html.actionlink ("This is a connection", "Index", "Home")%>

The wording with QueryString

<%=html.actionlink ("This is a connection", "Index", "Home", new {page=1},null)%>

<%=html.actionlink ("This is a connection", "Index", new {page=1})%>

There are other HTML attributes to be written

<%=html.actionlink ("This is a connection", "Index", "Home", new {id= "Link1"})%>

<%=html.actionlink ("This is a connection", "Index", NULL, new {id= "Link1"})%>

QueryString and HTML attributes exist at the same time

<%=html.actionlink ("This is a connection", "Index", "Home", new {page = 1}, new {id = "Link1"})%>

<%=html.actionlink ("This is a connection", "Index", new {page = 1}, new {id = "Link1"})%>

The resulting result is:

<a href= "/" > This is a connection </a>

The wording with QueryString

<a href= "/?page=1" > This is a connection </a>

<a href= "/?page=1" > This is a connection </a>

There are other HTML attributes to be written

<a href= "/?=4" id= "Link1" > This is a connection </a>

<a href= "/" id= "Link1" > This is a connection </a>

QueryString and HTML attributes exist at the same time

<a href= "/?page=1" id= "Link1" > This is a connection </a>

<a href= "/?page=1" id= "Link1" > This is a connection </a>

2.RouteLink

Same as ActionLink in function.

<%=html.routelink ("About", "about", new {})%>

With QueryString

<%=html.routelink ("About", "about", new {page = 1})%>

<%=html.routelink ("About", "about", new {page = 1}, new {id = "Link1"})%>

Build Result:

<a href= "/about" > About </a>

<a href= "/about?page=1" > About </a>

<a href= "/about?page=1" id= "Link1" > About </a>

2 Methods of 3.Form

<%using (Html.BeginForm ("index", "Home", FormMethod.Post)) {%>

<%}%>

<%html.beginform ("index", "Home", formmethod.post);//Note there is no = output%>

<%html.endform (); %>

Build Result:

<form action= "/home/index" method= "POST" ></form>

4.TextBox, Hidden,

<%=html.textbox ("input1")%>

<%=html.textbox ("Input2", model.categoryname,new{@style = "width:300px;"})%>

<%=html.textbox ("Input3", viewdata["Name"],new{@style = "width:300px;"})%>

<%=html.textboxfor (A = A.categoryname, new {@style = "width:300px;"}) %>

Build Result:

<input id= "input1" name= "input1" type= "text" value= ""/>

<input id= "Input2" name= "Input2" style= "width:300px;" type= "text" value= "Beverages"/>

<input id= "Input3" name= "Input3" style= "width:300px;" type= "text" value= ""/>

<input id= "CategoryName" name= "CategoryName" style= "width:300px;" type= "text" value= "Beverages"/>

5.TextArea

<%=html.textarea ("Input5", Model.categoryname, 3, 9,null)%>

<%=html.textareafor (A = A.categoryname, 3, 3, NULL)%>

Build Result:

<textarea cols= "9" id= "Input5" name= "Input5" rows= "3" >Beverages</textarea>

<textarea cols= "3" id= "CategoryName" name= "CategoryName" rows= "3" >Beverages</textarea>

6.CheckBox

<%=html.checkbox ("Chk1", True)%>

<%=html.checkbox ("Chk1", new {@class = "checkbox"})%>

<%=html.checkboxfor (a =>a.isvaild, new {@class = "checkbox"})%>

Build Result:

<input checked= "Checked" id= "Chk1" name= "Chk1" type= "checkbox" Value= "true"/><input name= "Chk1" type= "hidden "Value=" false "/>

<input class= "checkbox" id= "Chk1" name= "Chk1" type= "checkbox" Value= "true"/><input name= "Chk1" type= "hidden" Value= "false"/>

<input checked= "Checked" class= "checkbox" id= "Isvaild" name= "Isvaild" type= "checkbox" Value= "true"/><input Name= "Isvaild" type= "hidden" value= "false"/>

7.ListBox

<%=html.listbox ("LstBox1", (selectlist) viewdata["Categories"])%>

<%=html.listboxfor (A = A.categoryname, (selectlist) viewdata["Categories"])%>

Build Result:

<select id= "LstBox1" multiple= "multiple" name= "LstBox1" >

<option value= "1" >Beverages</option>

<option value= "2" >Condiments</option>

<option selected= "Selected" value= "3" >Confections</option>

<option value= "4" >dairy products</option>

<option value= "5" >Grains/Cereals</option>

<option value= "6" >Meat/Poultry</option>

<option value= "7" >Produce</option>

<option value= "8" >Seafood</option>

</select>

<select id= "CategoryName" multiple= "multiple" name= "CategoryName" >

<option value= "1" >Beverages</option>

<option value= "2" >Condiments</option>

<option value= "3" >Confections</option>

<option value= "4" >dairy products</option>

<option value= "5" >Grains/Cereals</option>

<option value= "6" >Meat/Poultry</option>

<option value= "7" >Produce</option>

<option value= "8" >Seafood</option>

</select>

8.DropDownList

<%= html.dropdownlist ("Ddl1", (selectlist) viewdata["Categories"], "--select one--")%>

<%=html.dropdownlistfor (A = A.categoryname, (selectlist) viewdata["Categories"], "--select one--", new {@class = "DropDownList"})%>

Build Result:

<select id= "DDL1" name= "DDL1" >

<option value= "" >--select one--</option>

<option value= "1" >Beverages</option>

<option value= "2" >Condiments</option>

<option selected= "Selected" value= "3" >Confections</option>

<option value= "4" >dairy products</option>

<option value= "5" >Grains/Cereals</option>

<option value= "6" >Meat/Poultry</option>

<option value= "7" >Produce</option>

<option value= "8" >Seafood</option>

</select>

<select class= "DropDownList" id= "CategoryName" name= "CategoryName" >

<option value= "" >--select one--</option>

<option value= "1" >Beverages</option>

<option value= "2" >Condiments</option>

<option value= "3" >Confections</option>

<option value= "4" >dairy products</option>

<option value= "5" >Grains/Cereals</option>

<option value= "6" >Meat/Poultry</option>

<option value= "7" >Produce</option>

<option value= "8" >Seafood</option>

</select>

9.Partial View Templates

WebForm is called a custom control. functions are for reuse. But it's really hard to use a custom control on it.

<% html.renderpartial ("Dinnerform"); %> See clearly that there is no equal sign.