Procedura: impostare gli attributi HTML dei controlli nelle pagine Web ASP.NET

Articolo
10/22/2014

Aggiornamento: novembre 2007

Negli esempi riportati di seguito viene illustrato come aggiungere attributi HTML a elementi nella pagina. Nel primo esempio viene illustrato come aggiungere attributi a un controllo in modo dichiarativo. Qualsiasi attributo aggiunto a un controllo di cui non è possibile eseguire il mapping a una proprietà viene passato al browser.

Nel secondo esempio viene illustrato come aggiungere a livello di codice un attributo e uno stile a un controllo Button. Nel terzo esempio viene illustrato come aggiungere a livello di codice un attributo al tag body della pagina, che richiede innanzitutto che venga aggiunto e un attributo ID al tag.

Esempio

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

Compilazione del codice

L'esempio presenta i seguenti requisiti:

Una pagina Web ASP.NET.
Un controllo ASP.NET Button denominato Button1.
Gli attributi e id="body" nel tag body della pagina.

Programmazione efficiente

Non viene eseguita la convalida degli attributi aggiunti al controllo; le coppie chiave/valore vengono restituite invariate al browser.

Quando si imposta un attributo, un eventuale attributo esistente con lo stesso nome viene sottoposto a override. I valori dell'attributo esistente non vengono modificati. Di conseguenza, se si desidera modificare un attributo, sarà necessario innanzitutto leggerlo, modificarlo e quindi aggiungerlo nuovamente al controllo.

Se un attributo è rappresentato nel controllo da una proprietà, la proprietà avrà la precedenza rispetto alle impostazioni dell'attributo effettuate. La proprietà Text di un controllo TextBox, ad esempio, avrà la precedenza se si tenta di impostare il testo mediante l'attributo value.

Vedere anche

Attività

Procedura: leggere gli attributi HTML dei controlli nella pagine Web Form

Condividi tramite