HTML 서버 컨트롤은 주로 서버 작동을 보장하는 향상된 표준 HTML 컨트롤입니다. HTML 컨트롤은 서버에서 처리되지 않지만 페이지 제목 태그, 링크 태그, 입력 요소 등 표시를 위해 브라우저로 전송됩니다.
runat = "server" 속성과 id 속성을 추가하면 서버측 처리에 사용할 수 있도록 서버 컨트롤로 특별히 변환될 수 있습니다.
예를 들어 HTML 입력 컨트롤은 다음과 같습니다.
<input type="text" size="40">runat 및 id 속성을 추가하여 서버 컨트롤로 변환할 수 있습니다.
<input type="text" id="testtext" size="40" runat="server">ASP.NET 서버 컨트롤은 HTML 서버 컨트롤이 수행하는 모든 작업을 수행할 수 있지만 HTML 컨트롤은 다음과 같은 상황에서 여전히 이점을 갖습니다.
레이아웃 목적으로 정적 표현식을 사용하십시오.
ASP.NET에서 실행되도록 HTML 페이지를 변환합니다.
다음 표에서는 HTML 서버 컨트롤에 대해 설명합니다.
| 컨트롤 이름 | HTML 태그 |
|---|---|
| HtmlHead | <head>요소 |
| HTML입력버튼 | <입력 유형=버튼|제출|재설정> |
| HtmlInputCheckbox | <입력 유형=체크박스> |
| HTML입력파일 | <입력 유형 = 파일> |
| HTML입력숨김 | <입력 유형 = 숨김> |
| HTML입력이미지 | <입력 유형 = 이미지> |
| Html입력비밀번호 | <입력유형 = 비밀번호> |
| HTML입력라디오버튼 | <입력 유형 = 라디오> |
| HtmlInputReset | <입력 유형 = 재설정> |
| HtmlText | <입력 유형 = 텍스트|비밀번호> |
| HTML이미지 | <img> 요소 |
| HtmlLink | <link>요소 |
| HtmlAnchor | <a>요소 |
| HTML버튼 | <버튼> 요소 |
| HTML버튼 | <버튼> 요소 |
| HTML양식 | <양식> 요소 |
| HTML테이블 | <테이블> 요소 |
| HtmlTableCell | <td> 및 <일> |
| HtmlTableRow | <tr>요소 |
| Html제목 | <제목> 요소 |
| HtmlSelect | <선택&t; |
| HtmlGenericControl | 모든 HTML 컨트롤이 나열되지 않음 |
다음 예에서는 레이아웃에 기본 HTML 테이블을 사용합니다. 이름, 주소, 도시, 주 등과 같은 사용자 입력을 얻기 위한 상자와 클릭하면 테이블의 마지막 행에 표시되는 사용자 데이터를 가져오는 버튼 컨트롤을 사용합니다.
페이지는 디자인 보기에서 다음과 같아야 합니다.
콘텐츠 페이지의 코드는 레이아웃에 HTML 테이블 요소를 사용하는 방법을 보여줍니다.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="htmlserver._Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Untitled Page</title> <style type="text/css"> .style1 { width: 156px; } .style2 { width: 332px; } </style> </head> <body> <form id="form1" runat="server"> <div> <table> <tr> <td>Name:</td> <td> <asp:TextBox ID="txtname" runat="server" > </asp:TextBox> </td> </tr> <tr> <td>Street</td> <td> <asp:TextBox ID="txtstreet" runat="server" > </asp:TextBox> </td> </tr> <tr> <td>City</td> <td> <asp:TextBox ID="txtcity" runat="server" > </asp:TextBox> </td> </tr> <tr> <td>State</td> <td> <asp:TextBox ID="txtstate" runat="server"> </asp:TextBox> </td> </tr> <tr> <td> </td> <td></td> </tr> <tr> <td></td> <td ID="displayrow" runat ="server"> </td> </tr> </table> </div> <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" /> </form> </body></html>버튼 컨트롤 뒤에 있는 코드는 다음과 같습니다.
protected void Button1_Click(object sender, EventArgs e){ string str = ""; str += txtname.Text + "<br />"; str += txtstreet.Text + "<br />"; str += txtcity.Text + "<br />"; str += txtstate.Text + "<br />"; displayrow.InnerHtml = str;}다음 진술을 관찰하십시오.
페이지 레이아웃에는 표준 HTML 태그가 사용되었습니다.
HTML 테이블의 마지막 행은 데이터 표시에 사용됩니다. 서버측 처리가 필요하므로 ID 속성과 runat 속성을 추가하세요.