razor html5,使用 Razor 生成 HTML5 中的 data- 属性

在 HTML5 中, 可以使用 data- 属性来表示用户数据，这些数据甚至可以是 JSON 格式的数据，对 Web 前端开发带来很大的方便。

在 MVC 的 Razor 中，可以使用匿名对象来生成定制的属性，不过，这样的属性可不能通过 Razor  的语法检查。

new{ data-id= }

编译器会直接报告错误。  The name 'data' does not exist in the current context   ，原因很简单，把 - 号当作运算符了。

其实，HtmlHelper 提供的方法 AnonymousObjectToHtmlAttributes 已经可以解决这个问题，方法的说明如下所示。

Replaces underscore characters (_) with hyphens (-) in the specified HTML attributes.

我们可以在匿名对象中直接使用下划线 (_) 来代替减号 (-) ，HtmlHelper 会在呈现中，将下划线替换为减号的。

例如，下面的写法

@Html.TextBox("username", "noname", new{ data_name="tom" })

会生成如下的 HTML5 标记。

HTML5 中的新属性autocomplete="off"失效的解决方法(兼容firefox，IE，360)

因为业务需求,在写一个注册页面的时候,发现浏览器会自动填充此域名下已经保存的账号密码,给用户带来不便.加了HTML5 中的新属性autocomplete="off" ,但是并没有产 ...

小强的HTML5移动开发之路(13)——HTML5中的全局属性

来自:http://blog.csdn.net/dawanganban/article/details/18179483 一.accssskey  快捷键 HTML> ...

Vue组件中的data属性

Vue中的data属性专门用来以对象方式存放数据,它有两种用法. var vm=new Vue({ data:{a:1,b:2,}, }) var vm=new Vue({ data(){return ...

html5中的全局属性

在html5中,新增了一个"全局属性"的概念,所谓全局属性,是指可以对任何属性都使用的属性.下面列出常用的全局属性. 1.contentEditable属性,是微软开发的,该属性主 ...

HTML5中class选择器属性的解释

设置有class属性值的元素,可以被css中的选择器调用,也可以在javascript中以getElementsByClassName()方法调用. 可以给各个元素添加class而且名称可以相同与id ...

测试开发之前端——No4.HTML5中的事件属性

HTML5的事件属性. 属性 值 描述 onafterprint script 在打印文档之后运行脚本 onbeforeprint script 在文档打印之前运行脚本 onbeforeonload ...

测试开发之前端——No3.HTML5中的标准属性

HTML5的标准属性 属性 值 描述 accesskey character 规定访问元素的键盘快捷键 class classname 规定元素的类名(用于规定样式表中的类). contentedit ...

Vue2 实例中的 data 属性三种写法与作用:

随机推荐

js判断用户是否正在滚动滚动条，滚动条滚动是否停止

js智能判断是否可以自动滚动 比如,做一个音乐播放器,边播放,边定位歌词,播放的时候,需要自动定位到播放语句,但是用户去拖动或者滚动div(歌词面板)时,这时就必须停止自动滚动,或者说是不能自动滚动, ...

SQL-语句实现九九乘法表

下面用while 和 if 条件写的SQL语句的四种九九乘法表  sql语句实现--x 左下角九九乘法表 DECLARE @I INT ,@J INT,@S VARCHAR(100) SET @I=1 ...

依赖倒置原则(Dependency Inversion Principle)

很多软件工程师都多少在处理 "Bad Design"时有一些痛苦的经历.如果发现这些 "Bad Design" 的始作俑者就是我们自己时,那感觉就更糟糕了.那么 ...

PYTHON第二天

PYTHON之路 4.注释 Python开发规范:每一行不能超过80个字符 # : 代表注释当行 ‘’’  上下两行  ,  三个英文字符的引号,代表注释某一段代码 ‘’’ 知识点用户输入: PYth ...

阿里react整合库dva demo分析

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 24.0px "Helvetica Neue"; color: #404040 } p. ...

js 页面history.back()返回上一页，ios 不重新加载ready的解决办法

参考自 http://blog.csdn.net/hbts_901111zb/article/details/76691900 项目中,主页面有很多输入字段,当由主页跳转到子页面, 将子页面的字段 s ...

C-static,auto,register,volatile

static 一:静态,意思就是呆在一个地方,不想动,大概就是编译期间就确定地址了.首先了解下C中的进程内存布局: 1)正文段(.text)——CPU执行的机器指令部分:一个程序只有一个副本:只读,防 ...

JAVA WEB项目中开启流量控制Filter

Flow Control:控流的概念 主要是用来限定server所能承载的最大(高并发)流量峰值,以免在峰值是Server过载而宕机,对于WEB系统而言 通常是分布式部署,如果请求并发量很大,会导致整 ...

Docker学习链接

Docker安装篇 1>.Windows Docker 安装