HOW TO：設定 ASP.NET Web 網頁中控制項的 HTML 屬性
更新：2007 年 11 月
這些範例示範如何將 HTML 屬性 (Attribute) 加入至網頁中的項目。第一個範例會示範如何以宣告方式將屬性加入控制項。加入控制項的任何屬性 (Attribute)，如果沒有對應至該控制項的屬性 (Property)，就會傳遞至瀏覽器。
第二個範例示範了如何以程式設計方式將屬性和樣式加入 Button 控制項。第三個範例則示範如何以程式設計方式，將屬性加入網頁的 body 標記，這需要先將 和 ID 屬性加入標記中。
範例
<body id="body" >
<form id="form1" >
<!-- Example1 -->
<input id="Button1" type="button" onmouseover="rollover()" onmouseout="exitrollover()" />
</form>
</body>
<script >
Private Sub Page_Load(ByVal sender As System.Object, _
ByVal e As System.EventArgs) Handles MyBase.Load
' Example 2
Button1.Attributes.Add("onclick", "alert('hello, world')")
Button1.Style.Add("background-color", "red")
' Example 3
body.Attributes("bgcolor") = "lightblue"
End Sub
</script>
<body id="body" >
<form id="form1" >
<!-- Example1 -->
<input id="Button1" type="button" onmouseover="rollover()" onmouseout="exitrollover()" />
</form>
</body>
<script >
private void Page_Load()
{
//Example 2
Button1.Attributes.Add("onclick", "alert('hello, world')");
Button1.Style.Add("background-color", "red");
//Example 3
body.Attributes["bgcolor"] = "lightblue";
}
</script>
編譯程式碼
這個範例需要：
ASP.NET Web 網頁。
名為 Button1 的 ASP.NET Button 控制項
在網頁之 body 標記中的 和 id="body" 屬性
穩固程式設計
不會對您加入至控制項的屬性進行驗證；瀏覽器會呈現索引鍵/值組原貌。
當您設定屬性時，它會覆寫任何具有相同名稱的現有屬性 (而不會修改現有屬性的值)。因此，如果您想要修改屬性，必須先讀取、修改，然後再將此屬性加回控制項。
如果控制項中的屬性 (Attribute) 是以屬性 (Property) 來代表，則屬性 (Property) 優先順序高於您設定的屬性 (Attribute) 設定。例如，如果您嘗試使用 value 屬性 (Attribute) 設定文字，則 TextBox 控制項的 Text 屬性 (Property) 會取得優先權。