Asp.net复选框和html数据属性

前端之家收集整理的这篇文章主要介绍了Asp.net复选框和html数据属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在asp.net中,如果您使用自定义属性,通常按原样呈现。

考虑到这个标记(注意:id,name和for等属性在所有示例中被删除,因为它们的生成的id /名称是冗长的):

<asp:TextBox runat="server" data-foo="bar" />

在asp.net中呈现:

<input type="text" data-foo="bar" />

也就是说,asp.net保持数据不变。

复选框通常呈现如下:

<asp:CheckBox runat="server" Text="Normal" />

呈现为:

<input type="checkBox" />
<label>Normal</label>

但是如果您在复选框上添加自定义属性

<asp:CheckBox runat="server" Text="Custom attribute" data-foo="bar"  />

它呈现为:

<span data-foo="bar">
    <input type="checkBox" />
    <label>Custom attribute</label>
</span>

正如你所看到的,渲染的范围保持属性。如果您在代码添加属性,也会发生这种情况。这不会发生任何其他HtmlControl,AFAIK。

有人知道为什么这个范围被渲染来保持属性

有没有在input标签中渲染属性

解决方法

我不知道为什么它用一个跨度渲染,但是我想你可以直接将该属性直接添加代码行为中的CheckBox的输入元素,如下所示:
myCheckBox.InputAttributes.Add(...)

参考链接

> http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.checkbox.inputattributes.aspx
> http://forums.asp.net/p/541142/541562.aspx
> http://msdn.microsoft.com/en-us/library/system.web.ui.attributecollection.add.aspx

更新

使用另外的父元素,因此您应用于复选框的属性可以影响输入和文本。我想这是一个跨度(而不是div),因为它是一个内联元素,使其在不同的场景中使用更方便。

参考链接

> http://en.wikipedia.org/wiki/Span_and_div#Differences_and_default_behavior
> http://learnwebdesignonline.com/span-div

原文链接:https://www.f2er.com/aspnet/252337.html

猜你在找的asp.Net相关文章