Comment : définir des attributs HTML pour des contrôles dans les pages Web ASP.NET

  • Article

Mise à jour : novembre 2007

Cet exemple montre comment ajouter des attributs HTML à des éléments de la page. Le premier exemple montre comment ajouter des attributs à un contrôle de façon déclarative. Tout attribut ajouté à un contrôle qui ne correspond pas à une propriété de ce contrôle est transmis au navigateur.

Le deuxième exemple montre comment ajouter un attribut et un style à un contrôle Button par programme. Le troisième exemple illustre l'ajout, par programme, d'un attribut à la balise body de la page. Pour ce faire, vous devez commencer par ajouter et un attribut ID à la balise.

Exemple

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

Compilation du code

Cet exemple nécessite les éléments suivants :

  • Une page Web ASP.NET.

  • Un contrôle Button ASP.NET nommé Button1.

  • Les attributs et id="body" dans la balise body de la page.

Programmation fiable

Les attributs ajoutés au contrôle ne sont pas validés ; les paires clé/valeur sont rendues dans le navigateur en l'état.

Lorsque vous définissez un attribut, il substitue l'attribut existant de même nom. (Il ne modifie pas ses valeurs.) Par conséquent, si vous souhaitez modifier un attribut, vous devez d'abord le lire, puis le modifier et enfin le rajouter au contrôle.

Si un attribut est représenté dans le contrôle par une propriété, la propriété a priorité sur les paramètres de l'attribut que vous créez. Par exemple, la propriété Text d'un contrôle TextBox devient prioritaire si vous essayez de définir le texte à l'aide de l'attribut value.

Voir aussi

Tâches

Comment : lire des attributs HTML pour les contrôles des pages Web Forms