Razor 标签语法(1-11) Label,Text,Hidden,Password,Radio,CheckBox,DropdownList,Href,Img,Css,JS
2016-03-18 17:06
309 查看
1.1 Label
Html语法: <label for=“UserName”>用户名</label>
Razor语法: @Html.LabelFor(m=>m.UserName)
@Html.Label("第 + (i+ 1) + "页")
1.2 Text
Html语法: <input id=“UserName”name=“UserName”type=“text” value=“”/>
Razor语法: @Html.TextBoxFor(m=>m.UserName)
@Html.TextBox("LinProductId")
1.3 Hidden
Html语法: <input id=“UserName” name=“UserName” type=“hidden” value=“”/>
Razor语法: @Html.HiddenFor(m=>m.UserName)
@Html.Hidden("Choosed", Convert.ToString(ViewData["Choosed"]))
1.4 Password
Html语法: <input id=“UserPass” name=“UserPass” type=“password” />
Razor语法: @Html.PasswordFor(m=>m.UserPass)
@Html.Password("txtPassword", "", new { @id = "txtPassword" })
1.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()”})限制
1.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()" })
1.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" })
1.8 Href
Html语法:
<a href="/***/OrderProcessDetail?orderSerialId=XXX&Channel=PayReminder" target="_blank">123456</a>
Razor语法:
@Html.ActionLink(item.CustomerSerialId, "OrderProcessDetail", "***", new { orderSerialId = item.OrderSerialId, Channel = Request["Channel"] }, new { target = "_blank" })
1.9 Img
Html 语法 :<img src="/Content/images/1.jpg" />
Razor语法: <script src="@Url.Content("~/Content/images/1.jpg")"></script>
1.10 CSS
Html 语法 :<link href="/Content/style.css" />
Razor语法: <link href="@Url.Content("~/Content/style.css")" />
1.11 JS
Html 语法 :<script src="/Content/jquery.js"></script>
Razor语法: <script src="@Url.Content("~/Content/jquery.js")"></script>
Html语法: <label for=“UserName”>用户名</label>
Razor语法: @Html.LabelFor(m=>m.UserName)
@Html.Label("第 + (i+ 1) + "页")
1.2 Text
Html语法: <input id=“UserName”name=“UserName”type=“text” value=“”/>
Razor语法: @Html.TextBoxFor(m=>m.UserName)
@Html.TextBox("LinProductId")
1.3 Hidden
Html语法: <input id=“UserName” name=“UserName” type=“hidden” value=“”/>
Razor语法: @Html.HiddenFor(m=>m.UserName)
@Html.Hidden("Choosed", Convert.ToString(ViewData["Choosed"]))
1.4 Password
Html语法: <input id=“UserPass” name=“UserPass” type=“password” />
Razor语法: @Html.PasswordFor(m=>m.UserPass)
@Html.Password("txtPassword", "", new { @id = "txtPassword" })
1.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()”})限制
1.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()" })
1.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" })
1.8 Href
Html语法:
<a href="/***/OrderProcessDetail?orderSerialId=XXX&Channel=PayReminder" target="_blank">123456</a>
Razor语法:
@Html.ActionLink(item.CustomerSerialId, "OrderProcessDetail", "***", new { orderSerialId = item.OrderSerialId, Channel = Request["Channel"] }, new { target = "_blank" })
1.9 Img
Html 语法 :<img src="/Content/images/1.jpg" />
Razor语法: <script src="@Url.Content("~/Content/images/1.jpg")"></script>
1.10 CSS
Html 语法 :<link href="/Content/style.css" />
Razor语法: <link href="@Url.Content("~/Content/style.css")" />
1.11 JS
Html 语法 :<script src="/Content/jquery.js"></script>
Razor语法: <script src="@Url.Content("~/Content/jquery.js")"></script>
相关文章推荐
- 对css float属性的理解
- 解密Animate.css之CSS3动画实现方式大全源码(6星级)
- JavaEE_POI导出Excel, 设置导出Excel 单元格样式
- 详细比较三个 CSS 预处理器(框架):Sass、LESS 和 Stylus
- 【css】怎么让Chrome支持小于12px 的文字
- 【css】IE盒子模型和标准W3C盒子模型
- CSS之基础概要
- CSS属性display:inline-block;实现列表布局
- CSS3:为内容设置样式
- CSS之 Px rm rem之区别
- DOM操纵样式表
- CSS 两列布局 之 左侧适应,右侧固定 3种方式
- css去掉a标签点击后的虚线框,outline,this.blur()
- 前端必须掌握30个CSS3选择器(转)
- css3属性-webkit-font-smoothing
- css 外边距合并问题
- 关于css3中transform的理解(只是改变状态未改变其真正的属性)
- CSS中的@ AT规则
- overflow :hidden 和 clear:both 与 clearfix撑起高度坍塌的父元素应用
- css之九宫格布局