Gewusst wie: Festlegen von HTML-Attributen für Steuerelemente in ASP.NET-Webseiten

Artikel
10/22/2014

Aktualisiert: November 2007

In diesem Beispiel wird erläutert, wie Elementen auf der Seite HTML-Attribute hinzugefügt werden. Das erste Beispiel zeigt, wie einem Steuerelement deklarativ Attribute hinzugefügt werden. Alle einem Steuerelement hinzugefügten Attribute, die keiner Eigenschaft dieses Steuerelements zugeordnet sind, werden an den Browser übergeben.

Das zweite Beispiel zeigt, wie einem Button-Steuerelement programmgesteuert ein Attribut und ein Format hinzugefügt werden. Das dritte Beispiel zeigt, wie dem body-Tag einer Seite programmgesteuert ein Attribut hinzugefügt wird. Dazu müssen dem Tag zunächst und ein ID-Attribut hinzugefügt werden.

Beispiel

<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>

Kompilieren des Codes

Für dieses Beispiel sind erforderlich:

Eine ASP.NET-Webseite.
Ein ASP.NET-Button-Steuerelement mit dem Namen Button1.
Die Attribute und id="body" im body-Tag der Seite.

Robuste Programmierung

Die Attribute, die Sie dem Steuerelement hinzufügen, werden nicht validiert. Die Schlüssel-/Wertpaare werden so wie sie sind an den Browser übergeben.

Wenn Sie ein Attribut festlegen, werden alle vorhandenen Attribute mit demselben Namen überschrieben. (Es werden keine Werte eines vorhandenen Attributs ergänzt.) Wenn Sie ein Attribut ergänzen möchten, müssen Sie es daher lesen, dann ergänzen und anschließend wieder dem Steuerelement hinzufügen.

Wenn ein Attribut in einem Steuerelement durch eine Eigenschaft dargestellt wird, hat die Eigenschaft Vorrang vor den festgelegten Attributeinstellungen. Beispielsweise besitzt die Text-Eigenschaft eines TextBox-SteuerelementsVorrang beim Versuch, den Text mithilfe des value-Attributs festzulegen.

Siehe auch

Aufgaben

Gewusst wie: Lesen von HTML-Attributen für Steuerelemente auf Web Forms-Seiten

Share via