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

Visual Studio 2010

Обновлен: Ноябрь 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 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.

Показ: