Cómo: Establecer atributos HTML de controles en páginas Web ASP.NET

Artículo
10/22/2014

Actualización: noviembre 2007

En estos ejemplos se muestra cómo agregar atributos HTML a elementos de la página. El primer ejemplo muestra cómo agregar los atributos a un control mediante declaración. Cualquier atributo que se agregue a un control que no se asigna a una propiedad de ese control se pasa a través del explorador.

El segundo ejemplo muestra cómo agregar mediante programación un atributo y un estilo a un control Button. El tercer ejemplo muestra cómo agregar un atributo mediante programación a la etiqueta body de la página, que requiere que primero se agregue y un atributo ID a la etiqueta.

Ejemplo

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

Compilar el código

Para este ejemplo se necesita:

Una página Web ASP.NET.
Un control ASP.NET Button denominado Button1.
Los atributos e id="body" en la etiqueta body de la página.

Programación eficaz

No se realiza ninguna validación de los atributos que se agregan al control: los pares clave/valor se ofrecen al explorador tal cual.

Cuando se establece un atributo, éste reemplazará cualquier otro atributo que tenga su mismo nombre. (No corrige los valores de un atributo existente.) Por tanto, si desea modificar un atributo, primero debe leerlo, modificarlo y, a continuación, agregarlo de nuevo al control.

Si un atributo está representado en el control mediante una propiedad, ésta tendrá precedencia sobre la configuración del atributo. Por ejemplo, la propiedad Text de un control TextBoxtiene prioridad si se intenta establecer el texto utilizando el atributo value.

Vea también

Tareas

Cómo: Leer atributos HTML de controles en páginas de formularios Web Forms

Compartir a través de