Razor html标签

1、Label

Html语法:
<label for=“UserName”>用户名</label> Razor语法:
@Html.LabelFor(m=>m.UserName) @Html.Label("第 + (i+ 1) + "页")

2、Text

Html语法: 
<input id=“UserName”name=“UserName”type=“text” value=“”/> Razor语法:
@Html.TextBoxFor(m=>m.UserName)
@Html.TextBox("LinProductId")

3、Hidden

Html语法:
<input id=“UserName” name=“UserName” type=“hidden” value=“”/> Razor语法:
@Html.HiddenFor(m=>m.UserName) @Html.Hidden("Choosed", Convert.ToString(ViewData["Choosed"]))

4、Password

Html语法: 
<input id=“UserPass” name=“UserPass” type=“password” /> Razor语法:
@Html.PasswordFor(m=>m.UserPass) @Html.Password("txtPassword", "", new { @id = "txtPassword" })

5、Radio

Html语法:
<input id=“sex0” name=“sex” type=“radio” value=‘’0”/><input id=“sex1” name=“sex” type=“radio” value=‘’1”/>女 Razor语法:
@Html.RadioButtonFor(m=>m.sex,0,new {id=“sex0”})男 @Html.RadioButtonFor(m=>m.sex,1,new {id=“sex1”})女
@Html.RadioButton(“noLimitAge”, 0, new {@Name = “limit”, @checked = “checked”, @onclick = “clickNoLimit()”})不限制
@Html.RadioButton(“limitAge”, 1, new {@Name = “limit”, @onclick = “clickLimit()”})限制

6、CheckBox

Html语法:
<input id=“chk1” name=“chk1” type=“checkbox” value=“true”/> Razor语法:
@Html.CheckBoxFor(m => m.IsRemember) 下次自动登录 @Html.CheckBox("checkAll", new { id = "checkAll", onclick = "CheckAll()" })

7、DropdownList

Html语法: 
<select id="DDLDepartment" name="DDLDepartment">
<
option value="-1">请选择</option>
</select> <select id="DDLMan" name="Man">
<
option value="-1">请选择</option>
</
select> Razor语法: @Html.DropDownList("DDLDepartment", new List<SelectListItem> { new SelectListItem { Text = "请选择", Value = "-1" } }, new { id = "DDLDepartment", name = "DDLDepartment" }) @Html.DropDownListFor(m => m.Man, new List<SelectListItem> { new SelectListItem { Text = "请选择", Value = "-1" } }, new { id = "DDLMan" })

8、a

Html语法: 
<a href="/***/OrderProcessDetail?orderSerialId=XXX&amp;Channel=PayReminder" target="_blank">123456</a>
Razor语法:   
@Html.ActionLink(item.CustomerSerialId, "OrderProcessDetail", "***", new { orderSerialId = item.OrderSerialId, Channel = Request["Channel"] }, new { target = "_blank" })

9、Img

Html 语法:<img src="/Content/images/1.jpg" />
Razor语法:<script src="@Url.Content("~/Content/images/1.jpg")"></script>

10、CSS

Html 语法:<link href="/Content/style.css" />
Razor语法:<link href="@Url.Content("~/Content/style.css")" />

11、JS

Html 语法:<script src="/Content/jquery.js"></script>
Razor语法:<script src="@Url.Content("~/Content/jquery.js")"></script>

12、引用JS

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

13.注释

@*注释*@

 

posted @ 2016-09-06 19:23    阅读(4155)  评论(0编辑  收藏  举报