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.注释

@*注释*@

Razor html标签的更多相关文章

  1. ASP.NET Core 中文文档 第四章 MVC(3.2)Razor 语法参考

    原文:Razor Syntax Reference 作者:Taylor Mullen.Rick Anderson 翻译:刘怡(AlexLEWIS) 校对:何镇汐 什么是 Razor? Razor 是一 ...

  2. Razor 语法

    Razor 语法 原文:Razor Syntax Reference作者:Taylor Mullen.Rick Anderson翻译:刘怡(AlexLEWIS)校对:何镇汐   什么是 Razor? ...

  3. ASP.NET MVC 5 05 - 视图

    PS: 唉,这篇随笔国庆(2015年)放假前几天开始的,放完假回来正好又赶上年底,公司各种破事儿. 这尼玛都写跨年了都,真服了.(=_=#) 好几次不想写了都. 可是又不想浪费这么多,狠不下心删除.没 ...

  4. 第四篇 基于.net搭建热插拔式web框架(RazorEngine实现)

    在开头也是先给大家道个歉,由于最近准备婚事导致这篇文章耽误了许久,同时也谢谢老婆大人对我的支持. 回顾上篇文章,我们重造了一个controller,这个controller中用到了视图引擎,我们的视图 ...

  5. mvc5 HTML Helper

    转自:http://www.cnblogs.com/CodeFox/p/3782535.html 提及到HTML helper大家肯定不应该陌生, 因为在书写MVC View的时候肯定需要使用到它.一 ...

  6. MVC 5 第三章 HTML Helper

    提及到HTML helper大家肯定不应该陌生, 因为在书写MVC View的时候肯定需要使用到它.一个HTML Help就是一个返回HTML字符串的方法,这个字符串表示你所期望的类型的内容.例如,你 ...

  7. Asp.net mvc 知多少(三)

    本系列主要翻译自<ASP.NET MVC Interview Questions and Answers >- By Shailendra Chauhan,想看英文原版的可访问http:/ ...

  8. ASP.NET MVC5高级编程 之 视图

    1.1理解视图约定 当创建一个项目模版时,可以注意到,项目以一种非常具体的方式包含了一个结构化的Views目录.在每一个控制器的View文件夹中,每一个操作方法都有一个同名的视图文件与其对应.这就提供 ...

  9. 初探MVC路由

    文章目录: 1.认识理解URL,以及简单的路由 2.特性路由.传统路由.区域路由 3.路由生成URL&&绑定到操作&&路由约束 1.认识理解URL,以及简单的路由  默 ...

随机推荐

  1. BZOJ 1487 无归岛

    Description Neverland是个神奇的地方,它由一些岛屿环形排列组成,每个岛上都生活着之中与众不同的物种.但是这些物种都有一个共同的生活习性:对于同一个岛上的任意两个生物,他们有且仅有一 ...

  2. BZOJ 3107 二进制a+b

    Description 输入三个整数\(a, b, c\),把它们写成无前导\(0\)的二进制整数.比如\(a=7, b=6, c=9\),写成二进制为\(a=111, b=110, c=1001\) ...

  3. javascript design patterns

    http://jsdesignpatterns.com/ http://www.joezimjs.com/tag/design-patterns/ http://codecube.net/#archi ...

  4. GPIO模拟串口注意是事项

    GPIO模拟串口需要注意的事项如下:(程序见我的博客第一篇) 1.由于串口是异步通信,则串口发送必须满足宽度要求. (1)假设串口的波特率是9600bps(1s传输9600个bit),则传输1bit需 ...

  5. (转载)PHP中刷新输出缓冲

    (转载)http://www.cnblogs.com/mutuan/archive/2012/03/18/2404957.html PHP中刷新输出缓冲buffer是一个内存地址空间,Linux系统默 ...

  6. Matlab计算机视觉/图像处理工具箱推荐

    Matlab计算机视觉/图像处理工具箱推荐 转载http://cvnote.info/matlab-cv-ip-toolbox/ 计算机视觉/图像处理研究中经常要用到Matlab,虽然其自带了图像处理 ...

  7. getElementById返回的是什么?串讲HTML DOM

    1. getElementById()返回的是什么? 这个函数使用的最普遍,但是你有没有深入探究下,这个函数究竟返回的是什么么?我们来一起看看. var mydivEle = document.get ...

  8. 【转】Ansys 13.0 flexlm not running完美解决方案

    http://jingyan.baidu.com/article/af9f5a2dd9843a43150a4550.html 实测,12.1 用此方法问题同样得解.

  9. HDOJ 2016 数据的交换输出

    Problem Description 输入n(n<100)个数,找出其中最小的数,将它与最前面的数交换后输出这些数. Input 输入数据有多组,每组占一行,每行的开始是一个整数n,表示这个测 ...

  10. git 七图七模式 -- 工作流

    git 是现在最流行的代码合作工作方式,本文通过七张图来描述一下当下最流行的 git 工作模式 集中式工作流 集中式工作流 功能分支工作流 Gitflow工作流 Forking 工作流 Pull Re ...