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