webform（四）簡單控制項

標籤：不同類   line   字元   led   enable   介面   點擊事件   protected   密碼   

簡單控制項包括文本類和按鈕類的表單元素

一、

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

Label：直接在介面上顯示字串。因為可以用C#代碼對label進行修改，所以沒有直接寫在網頁上。相當於預留位置。

屬性：Height，高；Width，寬；BackBolor，背景色；BorderBolor邊框顏色;BorderStyle邊框線型；Text字串內容。
伺服器解析後會變成<span>標籤。屬性變成了style樣式。
二、

<asp:Literal ID="Literal1" runat="server"></asp:Literal>

Literal：將Text裡的內容原樣放入頁面裡面。可以寫JS代碼，加入頁面可以運行。

屬性：Text常值內容。
伺服器不會對其進行解析，只會將Text裡的內容全部放入網頁中。
三、

<asp:Button ID="Button1" runat="server" Text="Button" />

Button：按鈕。aspx的按鈕內建提交功能，用於和服務端互動。

屬性：Enabled是否可用；Visible是否可見；Text按鈕上的提示文字即value；
按鈕點擊事件在後台代碼中寫入：按鈕ID.Click+=（雙擊tab鍵），會自動產生按鈕的點擊事件並關聯。

protected void Page_Load(object sender, EventArgs e){Button1.Click += Button1_Click;}private void Button1_Click(object sender, EventArgs e){}

伺服器解析後會變成submit類型的按鈕，

enabled會變成display。Visible為false的時候按鈕直接不可見。
四、

<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="imgs/1.jpg" />

ImageButton：圖片按鈕。

屬性：ImageUrl引用的圖片位置不引用顯示提交；可以用css設定大小；
圖片按鈕影響載入速度。盡量少用。
五、

<asp:TextBox ID="TextBox1" TextMode="SingleLine" ReadOnly="false" runat="server"></asp:TextBox>

TextBox：文字框，用於輸入文字的文字框。

屬性：TextMode文字框樣式（PassWord密碼框，
MultiLine多行，預設SingleLine單行）；ReadOnly唯讀屬性。
伺服器解析後會根據TextMode的類型解析成不同類型的input或者textarea 。

 

webform（四）簡單控制項