久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

搜索
分享

System.Web.UI.HtmlControls簡(jiǎn)介

 趨明 2012-03-19
System.Web.UI.HtmlControls命名空間是專為創(chuàng)建ASP.NET應(yīng)用程序而建立的，它包含了所有HTML服務(wù)器控件的類,。HtmlControl類時(shí)所有HTML服務(wù)器控件的父類,，該類定義了所有HTML服務(wù)器控件公共的屬性、方法和事件,。HtmlContainerControl類繼承了HtmlControl類,，該類是與具有開(kāi)始標(biāo)記和結(jié)束標(biāo)記的HTML元素映射的HTML服務(wù)器控件的父類。如HtmlAnchor類,、HtmlForm類,、HtmlTable類等都是該類的子類。HTML服務(wù)器控件默認(rèn)只在客戶端使用,，通過(guò)runat="server"屬性可以使HTML服務(wù)器控件與服務(wù)器進(jìn)行交互,。

HTML服務(wù)器控件
HTML服務(wù)器控件與標(biāo)準(zhǔn)的HTML元素相映射。ASP.NET把這些元素對(duì)象化,，讓程序可以直接控制,。這樣的好處就是使構(gòu)建Web程序更加高效和靈活，還方便了代碼的編寫(xiě)和維護(hù),。

HTML的錨點(diǎn)控件：HtmlAnchor控件
HtmlAnchor控件與Html<a>元素映射,。該控件可以用編程的方式控制HTML<a>元素，用于在Web窗體設(shè)置描點(diǎn)或其他網(wǎng)頁(yè)的超鏈接,。HtmlAnchor控件的語(yǔ)法定義如下所示：

 

HTML的Input系列控件：HtmlInput控件
HtmlInput使用于輸入數(shù)據(jù)的控件,。該控件有10種類型，通過(guò)其Type屬性可以設(shè)置不同的類型,。HtmlInput控件包含的類型如下所述,。

Button:普通按鈕。
Submit:提交按鈕,。
Reset：重置按鈕,。
Image:顯示圖片的按鈕。
Text:普通文本框,。
Password：輸入密碼的文本框,。
CheckBox:復(fù)選框輸入控件,。
Radio:單選按鈕。
File:上傳文件到服務(wù)器,。
Hidden：輸入隱藏內(nèi)容的控件,如ID.

下面我重點(diǎn)講述其中幾個(gè)：

1,、HtmlInputButton控件：該控件與<input type=button>元素映射。該控件的功能與HtmlButton控件相似,，用于創(chuàng)建命令按鈕,。單擊該控件將引發(fā)ServerClick事件，在此事件中可以編寫(xiě)要執(zhí)行得代碼,。Value屬性可以設(shè)置按鈕顯示的文本信息,。HtmlInputButton控件的語(yǔ)法定義如下：

<input

  type="Button"

  id = "被程序代碼識(shí)別的名稱"

  Visible="False|True"

  OnServerClick="事件函數(shù)名"

  runat="server"

  value="顯示按鈕的文字"

  />

 HtmlInputButton類的主要成員及其說(shuō)明：

屬性：Value：在控件上顯示的文本信息

方法：ServerClick：?jiǎn)螕艨丶r(shí)引發(fā)此事件

下面演示如何使用HtmlInputButton控件，代碼如下：

  1. <%@ Page Language="C#" AutoEventWireup="true" %>  
  2. <html xmlns="http://www./1999/xhtml" >  
  3. <head runat="server">  
  4.     <title>HtmlButton使用示例</title>  
  5. <script language="javascript" type="text/javascript">  
  6. function onClientclick()   
  7. {  
  8. alert("單擊了按鈕");  
  9. }  
  10. </script>  
  11. <script type="text/C#" runat="server">  
  12.     protected void ButtonOnclick(object sender, EventArgs e)  
  13.     {  
  14.         Response.Write("服務(wù)器端處理按鈕事件");  
  15.     }  
  16. </script>  
  17. </head>  
  18. <body>  
  19.     <form id="form1" runat="server">  
  20.     <div>  
  21.        <h3>HtmlButton使用示例</h3>  
  22.     </div>  
  23.     <button id ="button1" onclick="onClientclick()" >客戶端按鈕</button>  
  24.     <br /><br />  
  25.      <button id ="button2" runat="server" onserverclick="ButtonOnclick" >服務(wù)器端按鈕</button>  
  26.     </form>      
  27. </body>  
  28. </html>  


 

HTML的表格控件：HtmlTable控件
HtmlTable控件與<table>元素映射,。該控件是一個(gè)表格,。一個(gè)表格包含行，行包含單元格,。HtmlTable控件通常用設(shè)計(jì)頁(yè)面的布局,。其語(yǔ)法如下：
<table
  ID="被程序代碼識(shí)別的名稱"
  Align="left|Center|Right"
  runat="server"
  BGColor="背景色"
  BorderColor="邊框顏色"
  CellPadding="像素"
  CellSpacing="像素"
  Hight="表格高度"
  Rows="行的集合"
  Width="表格的寬度"
>
<tr><td></td></tr>
</table>

HtmlTable類的主要成員及其說(shuō)明：

Align：指定內(nèi)容的對(duì)齊方式

BgColor:指定背景色

Border:指定邊框大小

BorderColor：指定邊框顏色

CellPadding:指定單元格的內(nèi)容與邊框的距離，以像素為單位

CellSpacing:指定相鄰兩個(gè)單元格的距離,，以像素為單位

Rows:包含行的集合

Height:指定控件的高度

width:指定控件的寬度

 

下面演示如何使用HtmlTable控件,，代碼如下：

  1. <%@ Page Language="C#" AutoEventWireup="True" %>  
  2. <script runat="server">  
  3.   void Button_Click(Object sender, EventArgs e)  
  4.   {  
  5.       this.Table1.BgColor = this.BgColorSelect.Value;  
  6.       this.Table1.Border = int.Parse(BorderSelect.Value);  
  7.       this.Table1.BorderColor = this.BorderColorSelect.Value;  
  8.   }  
  9. </script>  
  10. <html xmlns="http://www./1999/xhtml" >  
  11. <head>  
  12.    <title>HtmlTable使用示例</title>  
  13. </head>  
  14. <body>  
  15.    <form id="Form1" runat="server">  
  16.       <h3>HtmlTable使用示例</h3>  
  17.       <table id="Table1"   
  18.              border="1"   
  19.              runat="server">  
  20.          <tr>  
  21.             <th>  
  22.               第一列  
  23.             </th>  
  24.             <th>  
  25.                第二列  
  26.             </th>    
  27.          </tr>  
  28.          <tr>  
  29.             <td>  
  30.               1  
  31.             </td>  
  32.             <td>  
  33.               2  
  34.             </td>      
  35.          </tr>  
  36.          <tr>  
  37.             <td>  
  38.                3  
  39.             </td>  
  40.             <td>  
  41.               4  
  42.             </td>  
  43.          </tr>  
  44.       </table>  
  45.       <hr/>  
  46.       選擇顯示設(shè)置: <br/><br/>  
  47.       背景色:  
  48.       <select id="BgColorSelect"   
  49.               runat="server">  
  50.          <option value="Red">Red</option>  
  51.          <option value="Blue">Blue</option>  
  52.          <option value="Green">Green</option>  
  53.          <option value="Black">Black</option>  
  54.          <option value="White" selected>White</option>        
  55.       </select>  
  56.       邊框大小:  
  57.       <select id="BorderSelect"   
  58.               runat="server">  
  59.          <option value="0">0</option>  
  60.          <option value="1" selected>1</option>  
  61.          <option value="2">2</option>  
  62.          <option value="3">3</option>  
  63.          <option value="4">4</option>  
  64.          <option value="5">5</option>  
  65.       </select>  
  66.       邊框顏色:  
  67.       <select id="BorderColorSelect"   
  68.               runat="server">  
  69.          <option value="Red">Red</option>  
  70.          <option value="Blue">Blue</option>  
  71.          <option value="Green">Green</option>  
  72.          <option value="Black" Selected>Black</option>  
  73.          <option value="White">White</option>  
  74.       </select>  
  75.       <br/><br/>  
  76.       <input id="Button1" type="button"  value="設(shè)置" onserverclick ="Button_Click"  runat="server"/>  
  77.    </form>  
  78. </body>  
  79. </html>  

 

HTML的數(shù)據(jù)行控件：HtmlTableRow控件
HtmlTableRow控件與<tr>元素映射。該控件表示為HtmlTable控件的行,，每行中包含一個(gè)或一個(gè)以上的單元格,。通過(guò)其Align,BgColor等屬性，可以設(shè)置控件的對(duì)齊方式,、背景色等,。
HtmlTableRow控件的語(yǔ)法定義如下：
<tr
  ID="被程序代碼識(shí)別的名稱"
  Align="left|Center|Right"
  runat="server"
  BGColor="背景色"
  BorderColor="邊框顏色"
  Height="行高度"
  Cells="單元格集合"
 
>
<td>單元格</td>
</tr>

HtmlTableRow類的主要成員及其說(shuō)明：

Align：指定內(nèi)容的對(duì)齊方式

BgColor:指定背景色

Border:指定邊框大小

BorderColor：指定邊框顏色

Cells:包含單元格的集合

Height:指定行的高度

 

下面將演示如何使用HtmlTableRow控件，代碼如下：

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="HtmlTableRow.aspx.cs" Inherits="HtmlTableRow" %>  
  2.   
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  4.   
  5. <html xmlns="http://www./1999/xhtml">  
  6. <head runat="server">  
  7.     <title>HtmlTableRow使用示例</title>  
  8.   
  9.     <script  runat="server">  
  10.         void Button_Click(Object sender,EventArgs e)  
  11.         {  
  12.             int cellcount = 1;  
  13.             for (int i = 0; i <= Table1.Rows.Count - 1; i++)  
  14.             {  
  15.                 Table1.Rows[i].Align = "center";  
  16.                 for (int i2 = 0; i2 <= Table1.Rows[i].Cells.Count - 1; i2++)  
  17.                 {  
  18.                     Table1.Rows[i].Cells[i2].InnerText = cellcount.ToString();  //與GridView1.Rows[i].Cells[0].Text幾乎一樣   
  19.                     cellcount++;  
  20.                 }  
  21.             }  
  22.         }  
  23.     </script>  
  24. </head>  
  25. <body>  
  26.     <form id="form1" runat="server">  
  27.         <h3>HtmlTableRow使用示例</h3>  
  28.         <br/>  
  29.         <table id="Table1" border="1" bordercolor="black" runat="server" width="50%">  
  30.             <tr align="left">  
  31.                 <td>Cell 1</td><td>Cell 2</td>  
  32.             </tr>  
  33.             <tr align="left">  
  34.                 <td> Cell3</td><td>Cell 4 </td>  
  35.             </tr>  
  36.         </table>  
  37.         <br/><br/>  
  38.         <input id="Button1" type="button"  
  39.           value="改變單元格的內(nèi)容"  
  40.           onserverclick="Button_Click"  
  41.           runat="server"/>  
  42.     </form>  
  43. </body>  
  44. </html>  

運(yùn)行后,，結(jié)果如下：


 

 

HTML的單元格控件：HtmlTableCell控件
HtmlTableCell控件與<td>和<th>元素映射,。該控件表示為HtmlTableRow控件的Cell。其中<td>元素表示一般單元格,，而<th>元素表示標(biāo)題單元格,。通過(guò)其Align，BgColor等屬性,，可以設(shè)置控件的對(duì)齊方式,、背景色等。HtmlTableCell控件的語(yǔ)法定義如下：
<tr或th
   ID="被程序代碼識(shí)別的名稱"
  Align="left|Center|Right"
  runat="server"
  BGColor="背景色"
  BorderColor="邊框顏色"
  Height="高度"
  NoWap="True|False"
  ColSpan="跨列數(shù)"
  RowSpan="跨行數(shù)"
  Width="寬度"
>
單元格內(nèi)容
</tr或th>

 

下面將演示如何使用HtmlTableCell控件,，代碼如下：

  1. <%@ Page Language="C#" AutoEventWireup="True" %>  
  2. <script runat="server">  
  3.   void Button_Click(Object sender, EventArgs e)  
  4.   {  
  5.       this.column1.BgColor = "red";  
  6.       this.column2.BgColor = "yellow";  
  7.       this.cell1.BgColor = "green";  
  8.       this.cell1.InnerText = "單元格1";  
  9.       this.cell2.BgColor = "white";  
  10.       this.cell2.Width = "50";  
  11.       this.cell2.NoWrap = true;  
  12.       this.cell2.InnerText = "單元格2的內(nèi)容非常多,需要換行顯示";  
  13.         
  14.   }  
  15. </script>  
  16. <html xmlns="http://www./1999/xhtml" >  
  17. <head>  
  18.    <title>HtmlTableCell 使用示例</title>  
  19. </head>  
  20. <body>  
  21.    <form id="Form1" runat="server">  
  22.       <h3>HtmlTableCell 使用示例</h3>  
  23.       <table id="Table1"   
  24.              border="1"   
  25.              runat="server">  
  26.          <tr>  
  27.             <th id ="column1" runat="server">  
  28.               第一列  
  29.             </th>  
  30.             <th id ="column2" runat="server">  
  31.                第二列  
  32.             </th>    
  33.          </tr>  
  34.          <tr>  
  35.             <td id="cell1" runat="server">  
  36.               1  
  37.             </td>  
  38.             <td id="cell2" runat="server" >  
  39.               2  
  40.             </td >      
  41.          </tr>  
  42.         </table>  
  43.        
  44.       <br/><br/>  
  45.       <input id="Button1" type="button"  value="設(shè)置" onserverclick ="Button_Click"  runat="server"/>  
  46.    </form>  
  47. </body>  
  48. </html>  

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購(gòu)買等信息,，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,，請(qǐng)點(diǎn)擊一鍵舉報(bào),。
    轉(zhuǎn)藏 分享 獻(xiàn)花（0）

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多