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&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.注释
@*注释*@
Razor html标签的更多相关文章
- ASP.NET Core 中文文档 第四章 MVC(3.2)Razor 语法参考
原文:Razor Syntax Reference 作者:Taylor Mullen.Rick Anderson 翻译:刘怡(AlexLEWIS) 校对:何镇汐 什么是 Razor? Razor 是一 ...
- Razor 语法
Razor 语法 原文:Razor Syntax Reference作者:Taylor Mullen.Rick Anderson翻译:刘怡(AlexLEWIS)校对:何镇汐 什么是 Razor? ...
- ASP.NET MVC 5 05 - 视图
PS: 唉,这篇随笔国庆(2015年)放假前几天开始的,放完假回来正好又赶上年底,公司各种破事儿. 这尼玛都写跨年了都,真服了.(=_=#) 好几次不想写了都. 可是又不想浪费这么多,狠不下心删除.没 ...
- 第四篇 基于.net搭建热插拔式web框架(RazorEngine实现)
在开头也是先给大家道个歉,由于最近准备婚事导致这篇文章耽误了许久,同时也谢谢老婆大人对我的支持. 回顾上篇文章,我们重造了一个controller,这个controller中用到了视图引擎,我们的视图 ...
- mvc5 HTML Helper
转自:http://www.cnblogs.com/CodeFox/p/3782535.html 提及到HTML helper大家肯定不应该陌生, 因为在书写MVC View的时候肯定需要使用到它.一 ...
- MVC 5 第三章 HTML Helper
提及到HTML helper大家肯定不应该陌生, 因为在书写MVC View的时候肯定需要使用到它.一个HTML Help就是一个返回HTML字符串的方法,这个字符串表示你所期望的类型的内容.例如,你 ...
- Asp.net mvc 知多少(三)
本系列主要翻译自<ASP.NET MVC Interview Questions and Answers >- By Shailendra Chauhan,想看英文原版的可访问http:/ ...
- ASP.NET MVC5高级编程 之 视图
1.1理解视图约定 当创建一个项目模版时,可以注意到,项目以一种非常具体的方式包含了一个结构化的Views目录.在每一个控制器的View文件夹中,每一个操作方法都有一个同名的视图文件与其对应.这就提供 ...
- 初探MVC路由
文章目录: 1.认识理解URL,以及简单的路由 2.特性路由.传统路由.区域路由 3.路由生成URL&&绑定到操作&&路由约束 1.认识理解URL,以及简单的路由 默 ...
随机推荐
- 10个简单实用的 jQuery 代码片段
尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库. 今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 1.平滑滚动到 ...
- 整理的Java资源
这里搜集了用来构建应用程序的工具. Apache Maven:Maven使用声明进行构建并进行依赖管理,偏向于使用约定而不是配置进行构建.Maven优于Apache Ant.后者采用了一种过程化的方式 ...
- 图片的css自适应
当需要css来缩放图片的时候,可以采用外层容器100%或者任意百分比, 内层图片img tag 没有宽高,用sass写经过断点后的mixin中的样式就是这样: .workscon_section{ w ...
- Mysql中类似于nvl()函数的ifnull()函数
IFNULL(expr1,expr2) 如果expr1不是NULL,IFNULL()返回expr1,否则它返回expr2.IFNULL()返回一个数字或字符串值,取决于它被使用的上下文环境. mysq ...
- java 实现多种排序
public class Sort { //交换两个数 private void swap(int[] arr, int i,int j){ int temp = a ...
- PKU 1064 Cable master
题目链接:点击打开链接 有n段绳子,给定n段绳子的长度,单位为厘米.求能够把这些绳子分成k段的最长的段的长度.题目中的trick是最小是1cm,长度不能小于1cm,因此要转换成int来解,然后二分可以 ...
- Linux2.6内核--内存管理(2)--区
由于硬件的限制,内核不能对所有的页一视同仁.有些页位于内存中的特定物理地址上,所以,不能将其用于一些特别的任务.(关于内存分页机制可以查看:http://blog.csdn.net/dlutbruce ...
- 【模拟】Codeforces 699A Launch of Collider
题目链接: http://codeforces.com/problemset/problem/699/A 题目大意: 给N个点,向左或向右运动,速度均为1,问最早什么时候有两个点相撞.无解输出-1 题 ...
- dll文件已经引用,但using找不到命名空间
一:问题截图 二:解决办法 1.没看到lz的代码中有Vancl.Server的dll. 2.确实有编译不过的问题,是Vancl.WindowsServices这个工程的target framework ...
- HDOJ 2015 偶数求和
Problem Description 有一个长度为n(n<=100)的数列,该数列定义为从2开始的递增有序偶数,现在要求你按照顺序每m个数求出一个平均值,如果最后不足m个,则以实际数量求平均值 ...