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

@*注释*@
时间: 2024-10-11 18:20:18

Razor html标签的相关文章

Razor 语法

Razor 语法 原文:Razor Syntax Reference作者:Taylor Mullen.Rick Anderson翻译:刘怡(AlexLEWIS)校对:何镇汐 什么是 Razor? Razor 是一种基于服务器端代码的可以转换为网页的标记语法.Razor 语法包括 Razor 标记.C# 和 HTML 组成.包含 Razor 的文件通常后缀名为 .cshtml . 渲染 HTML Razor 的默认语言是 HTML.从 Razor 渲染为 HTML 和直接一个 HTML 文件没啥区

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

原文:Razor Syntax Reference 作者:Taylor Mullen.Rick Anderson 翻译:刘怡(AlexLEWIS) 校对:何镇汐 什么是 Razor? Razor 是一种基于服务器端代码的可以转换为网页的标记语法.Razor 语法包括 Razor 标记.C# 和 HTML 组成.包含 Razor 的文件通常后缀名为 .cshtml . 渲染 HTML Razor 的默认语言是 HTML.从 Razor 渲染为 HTML 和直接一个 HTML 文件没啥区别,这种 R

HTML input标签的checked属性与Razor解析

在HTML中,input标签可以通过type属性设置为checkbox.同时,也就包含了一个checked属性.对于这个checked属性,有一个特别的地方就是,它可以不需要属性值就可以表示是否选择了.这背后的原因是源自于早期的HTML,checked是一个独立的boolean属性. 所以给1)checked赋值true <input type="checkbox" checked="true" /> 和2)直接写checked <input ty

Razor学习(二)@Html标签

原文链接:http://blog.csdn.net/pasic/article/details/7093802 只是因为原文作者说的东西,还有很多作为基础知识的东西,我都没有掌握,所以总结在这里,蓝字是我加的. @Html帮助器简单说明,记录些基本的跟HTML中对应的@html帮助器,@Html基本包含了html中的表单控件和常用Html 在@Html中,带有For的主要是针对强类型的Html类型. 用于说明@Html中标签,定义Student对象用于辅助说明, public class Stu

自定义Razor engine,自定义标签,就像nopcommerce里的@T(&quot;key&quot;)实现多国语

首先需要一个abstract class WebViewPage ,继承WebViewPage<T> 例 namespace Loyalty.MemberPortal.Web.Helpers { public abstract class WebViewPage<TModel> : System.Web.Mvc.WebViewPage<TModel> { //委托,必要,返回一个IHtmlString public delegate IHtmlString Locali

自定义Razor 标签

1.首先需要一个abstract class WebViewPage<T> ,继承系统的 System.Web.Mvc.WebViewPage<TModel> 再定义一个WebViewPage 继承 自定义的WebViewPage<dynamic> /// <summary> /// 本地化转换 /// </summary> /// <param name="text">文本</param> /// &

【转载】【MVC 学习 Razor语法】

Razor是MVC3中才有的新的视图引擎.我们知道,在ASP.NET中,ASPX的视图引擎依靠<%和%>来调用C#指令.而MVC3以后有了一套新的使用@标记的Razor语法,使用起来更灵活更简洁.下面通过一些简单示例让大家快速撑握Razor语法的使用. 准备工作 在演示Razor语法的使用之前,我们需要做一些准备工作. 1.打开VS创建一个ASP.NET MVC空项目,很简单,就不具体演示了. 2.添加一个Model.在项目的Models文件夹中添加一个名为Product的类.在这我们把前一篇

标签辅助类

自定义标签辅助类(Tag Helpers) 原文:Authoring Tag Helpers作者:Rick Anderson翻译:张海龙(jiechen)校对:许登洋(Seay) 示例代码查看与下载 从 Tag Helper 讲起 本篇教程是对 Tag Helper 编程作以介绍. Tag Helpers 介绍 描述了 Tag Helper 的优势. Tag Helper 是任何实现 ITagHelper 接口的类(Class).然而,当你编写一个 Tag Helper,你通常是从 TagHel

Razor 视图引擎 &ndash; ASP.NET MVC 4 系列

       Razor 视图引擎是 ASP.NET MVC 3 开始扩展的内容,并且也是默认视图引擎.        Razor 通过理解标记的结构来实现代码和标记之间尽可能顺畅的转换.下面的例子演示了一个包含少量视图逻辑的简单 Razor 视图: @{ // this is a block of code. For demonstration purposes, // we'll create a "model" inline. var items = new string[] {