Практическое руководство. Настройка атрибутов HTML для элементов управления на веб-страницах ASP.NET

Статья
10/22/2014

Обновлен: Ноябрь 2007

В этом примере показано, как добавлять атрибуты HTML в элементы страницы. В первом примере показано, как добавлять атрибуты в элемент управления декларативно. Любой атрибут, добавляемый в элемент управления, но не сопоставленный со свойством элемента управления, передается обозревателю.

Во втором примере показано, как добавлять атрибут и стиль в элемент управления Button программными средствами. В третьем примере показано, как добавлять атрибут программными средствами в тег body страницы, требующий предварительного добавления атрибутов runat="server" и ID.

Пример

<body id="body" runat="server">
    <form id="form1" runat="server">
      <!-- Example1 --> 
      <input runat="server" id="Button1" type="button" onmouseover="rollover()" onmouseout="exitrollover()" />
    </form>
</body>

<script runat="server">

    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" runat="server">
    <form id="form1" runat="server">

      <!-- Example1 --> 
      <input runat="server" id="Button1" type="button" onmouseover="rollover()" onmouseout="exitrollover()" />
    </form>
</body>

<script runat="server">
    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>

Компиляция кода

Для этого примера необходимо следующее:

Веб-страница ASP.NET.
Элемент управления ASP.NET Button с именем Button1.
Атрибуты runat="server" и id="body" в теге body страницы.

Отказоустойчивость

Атрибуты, которые добавляются в элемент управления, не проверяются; пары «ключ-значение» отображаются в обозревателе «как есть», без каких-либо изменений.

При задании атрибута он переопределяет существующий атрибут с таким же именем. (он не изменяет значения в существующем атрибуте). Следовательно, если необходимо внести изменения в атрибут, то его нужно сначала считать, изменить, а затем вернуть обратно в элемент управления.

Если атрибут представлен в элементе управления каким-либо свойством, то это свойство имеет приоритет над задаваемыми параметрами атрибута. Например, свойство Text элемента управления TextBox имеет приоритет, если текст задается с помощью атрибута value.

См. также

Задачи

Практическое руководство. Чтение атрибутов HTML для элементов управления на страницах веб-форм

Поделиться через