(asp.net MVC学习)System.Web.Mvc.HtmlHelper学习及使用

 

 <div>
        1.使用HtmlHelper生成超链接:
        <%=Html.ActionLink("我是超链接","") %>
        <br />
        2.使用HtmlHelper生成表单:
        <% Html.BeginForm("Index", "Simple", FormMethod.Post, new { id = "myForm" }); %>
        <% Html.EndForm();%>
        <br />
        3.使用HtmlHelper根据路由规则生成表单:
        <% Html.BeginRouteForm(new { controller = "Simple", action = "Demo" }); %>
        <%Html.EndForm(); %>
        <br />
        4.使用HtmlHelper生成一个复选框:
        <%= Html.CheckBox("checkBox",new { id="myCheckBox" })%>复选框
        <br />
        5.使用HtmlHelper生成上拉列表框:
        <% var dropList = new List<SelectListItem>();
           for (int i = 0; i < 5; i++)
           {
               var dropItem = new SelectListItem();
               dropItem.Value = i.ToString();
               dropItem.Text = i.ToString();
               dropList.Add(dropItem);
           }
        %>
        <%=Html.DropDownList("myList", dropList, new { style = "width:100px;" })%>
        <br />
        6.使用HtmlHelper生成隐藏域:
        <%=Html.Hidden("hidden") %>
        <br />
        7.使用HtmlHelper生成列表框:
        <%var list = new List<SelectListItem>();
          for (var i = 0; i < 5; i++)
          {
              var item = new SelectListItem();
              item.Value = i.ToString();
              item.Text = i.ToString();
              list.Add(item);
          } 
             %>
        <%=Html.ListBox("listBox", list, new {style="width:100px;" })%>       
        <br />      
        8.使用HtmlHelper生成密码输入框:
        <%=Html.Password("password","longgel") %>
        <br />
        9.使用HtmlHelper生成单选框:
        <%=Html.RadioButton("radio","boy",true) %>男
        <%=Html.RadioButton("radio","girl",false) %>女
        <br />
        10.使用HtmlHelper生成部分视图(用户控件):
        <% Html.RenderPartial("PartialView"); %>
        <br />
        11.使用HtmlHelper根据路由规则生成超链接:
        <%= Html.RouteLink("我是由路由生成的超链接",new {controller="Simple",action="Index"}) %>
        <br />
        12.使用HtmlHelper生成富文本框:
        <%=Html.TextArea("myTxtArea",new{style="width:300px; height:100px;"}) %>
        <br />
        13.使用HtmlHelper生成文本框:
        <%=Html.TextBox("myTxtBox","我是文本框")%>
    </div>

 

生成后效果

   <div>
        1.使用HtmlHelper生成超链接:
        <a href="/">我是超链接</a>
        <br />
        2.使用HtmlHelper生成表单:
        <form action="/" id="myForm" method="post"></form>
        <br />
        3.使用HtmlHelper根据路由规则生成表单:
        <form action="/Simple/Demo" method="post"></form>
        <br />
        4.使用HtmlHelper生成一个复选框:
        <input id="myCheckBox" name="checkBox" type="checkbox" value="true" /><input name="checkBox" type="hidden" value="false" />复选框
        <br />
        5.使用HtmlHelper生成上拉列表框:
        <select id="myList" name="myList" style="width:100px;"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
        <br />
        6.使用HtmlHelper生成隐藏域:
        <input id="hidden" name="hidden" type="hidden" value="" />
        <br />
        7.使用HtmlHelper生成列表框:
        <select id="listBox" multiple="multiple" name="listBox" style="width:100px;"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>       
        <br />      
        8.使用HtmlHelper生成密码输入框:
        <input id="password" name="password" type="password" value="longgel" />
        <br />
        9.使用HtmlHelper生成单选框:
        <input checked="checked" id="radio" name="radio" type="radio" value="boy" />男
        <input id="radio" name="radio" type="radio" value="girl" />女
        <br />
        10.使用HtmlHelper生成部分视图(用户控件):
       
 
<span style="background-color:Red">Hi,我是部分视图(用户控件)</span>
        <br />
        11.使用HtmlHelper根据路由规则生成超链接:
        <a href="/">我是由路由生成的超链接</a>
        <br />
        12.使用HtmlHelper生成富文本框:
        <textarea cols="20" id="myTxtArea" name="myTxtArea" rows="2" style="width:300px; height:100px;">
</textarea>
        <br />
        13.使用HtmlHelper生成文本框:
        <input id="myTxtBox" name="myTxtBox" type="text" value="我是文本框" />
    </div>

posted on 2013-12-23 14:54  wuzx-blog  阅读(314)  评论(0编辑  收藏  举报