방법: ASP.NET 웹 페이지에서 컨트롤의 HTML 특성 설정
업데이트: 2007년 11월
이 예제에서는 HTML 특성을 페이지의 요소에 추가하는 방법을 보여 줍니다. 첫 번째 예제에서는 특성을 선언적으로 컨트롤에 추가하는 방법을 보여 줍니다. 컨트롤에 추가하는 특성 중 해당 컨트롤의 속성에 매핑되지 않는 특성은 브라우저에 전달됩니다.
두 번째 예제에서는 특성과 스타일을 프로그래밍 방식으로 Button 컨트롤에 추가하는 방법을 보여 줍니다. 세 번째 예제에서는 특성을 프로그래밍 방식으로 페이지의 body 태그에 추가하는 방법을 보여 줍니다. 이렇게 하려면 먼저 및 ID 특성을 태그에 추가해야 합니다.
예제
<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>
코드 컴파일
이 예제를 컴파일하려면 다음 요소가 필요합니다.
ASP.NET 웹 페이지
이름이 Button1인 ASP.NET Button 컨트롤
페이지의 body 태그에 포함된 및 id="body" 특성
강력한 프로그래밍
컨트롤에 추가한 특성에 대해서는 유효성 검사가 수행되지 않습니다. 키/값 쌍은 그대로 브라우저에 렌더링됩니다.
특성을 설정하면 같은 이름의 기존 특성이 모두 재정의됩니다. 기존 특성 값이 수정되지는 않습니다. 따라서 특성을 수정하려면 먼저 특성을 읽고 수정한 다음 다시 컨트롤에 추가해야 합니다.
컨트롤에 특성과 속성이 함께 표시될 경우에는 사용자가 지정한 특성보다 속성이 우선합니다. 예를 들어 value 특성을 사용하여 텍스트를 설정하려는 경우 TextBox 컨트롤의Text 속성이 이 특성보다 우선합니다.