Como: conjunto atributos HTML para controles em páginas da Web do ASP.NET

Artigo
10/15/2014

Esses exemplo mostra como adicionar atributos HTML aos elementos na página.O primeiro exemplo mostra como adicionar atributos a um controle declarativamente.Qualquer atributo que você adiciona a um controle que não mapeia a uma propriedade de controle é passado para o navegador.

O segundo exemplo mostra como adicionar por programação um atributo e um estilo a um controle Button.O terceiro exemplo mostra como adicionar um atributo programaticamente à marca body da página, o que requer que você primeiramente adicione e um atributo ID à marca.

Exemplo

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

Compilando o código

Este exemplo requer:

Um página da Web do ASP.NET.
Um controle ASP.NET Button chamado Button1.
Os atributos e id="body" na marca body da página.

Programação robusta

Nenhuma validação é feita nos atributos que você adicionar ao controle; os pares chave / valor são processado para o navegador como eles são.

Quando você define um atributo, ela substitui qualquer atributo existente com o mesmo nome.(ele não emenda valores em um atributo existente.) Portanto, se você deseja emendar um atributo, você deve primeiro ler ele, emenda-lo, e adicioná-lo de volta ao controle.

Se um atributo é representado no controle por uma propriedade, a propriedade terá prioridade sobre as configurações de atributos que você fizer.Por exemplo, a Text propriedade de um TextBox controletem prioridade se você tentar conjunto o texto usando o value atributo.

Consulte também

Tarefas

Como: Ler atributos HTML para controles em páginas de Web Forms

Compartilhar via