ASP.NET基本控件

在本章中,我們將討論和學習ASP.NET中可用的基本控件。

按鈕控件

ASP.NET提供了三種類型的按鈕控件:

  • 按鈕:它顯示矩形區域內的文字。
  • 鏈接按鈕:它顯示看起來像超鏈接的文字。
  • 圖像按鈕:顯示圖像。

當用戶點擊一個按鈕時,會引發兩個事件:點擊和命令。

按鈕控制的基本語法:

<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="提交" / >

按鈕控件的常見屬性:

編號

屬性

描述

1

Text

顯示在按鈕上的文本,這僅適用於按鈕和鏈接按鈕控件。

2

ImageUrl

僅限圖像按鈕控件,要爲按鈕顯示的圖像。

3

AlternateText

僅限圖像按鈕控件,如果瀏覽器無法顯示圖像,則顯示文本。

4

CausesValidation

確定用戶單擊按鈕時是否發生頁面驗證,默認值是true

5

CommandName

當用戶單擊按鈕時傳遞給命令事件的字符串值。

6

CommandArgument

當用戶單擊按鈕時傳遞給命令事件的字符串值。

7

PostBackUrl

用戶單擊按鈕時請求的頁面的URL。

文本框和標籤

文本框控件通常用於接受來自用戶的輸入。 文本框控件可以接受一行或多行文本,具體取決於TextMode屬性的設置。

標籤控件提供了一種簡單的方法來顯示可以從一個頁面執行到下一個執行的文本。 如果要顯示不變的文字,請使用文本文字。

文本控件的基本語法:

<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>

文本框和標籤的常見屬性:

編號

屬性

描述

1

TextMode

指定文本框的類型。 SingleLine創建一個標準的文本框,MultiLIne創建一個接受多行文本的文本框,並且Password使輸入的字符被屏蔽。 默認是SingleLine

2

Text

文本框的文本內容。

3

MaxLength

可以輸入文本框的最大字符數。

4

Wrap

它決定文本是否自動換行爲多行文本框; 默認是True

5

ReadOnly

確定用戶是否可以更改框中的文本; 默認是False,即用戶不能改變文本。

6

Columns

文本框的寬度以字符表示。實際寬度是根據用於文本輸入的字體確定的。

7

Rows

多行文本框的高度。 默認值是0,表示單行文本框。

標籤控件最常用的屬性是Text,這意味着標籤上顯示的文本。

複選框和單選按鈕

複選框顯示一個選項,用戶可以選中或取消選中,單選按鈕顯示一組選項,用戶只能從中選擇一個選項。

要創建一組單選按鈕,請爲該組中的每個單選按鈕的GroupName屬性指定相同的名稱。 如果一個表單中需要多個組,則爲每個組指定一個不同的組名稱。

如果希望最初顯示錶單時選中複選框或單選按鈕,請將其「Checked」屬性設置爲true。 如果組中的多個單選按鈕的Checked屬性設置爲true,則只有最後一個被認爲是true

複選框的基本語法:

<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>

單選按鈕的基本語法:

<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>

複選框和單選按鈕的常用屬性:

編號

屬性

描述

1

Text

複選框或單選按鈕旁邊顯示的文本。

2

Checked

指定是否被選中,默認爲false

3

GroupName

控件所屬的組的名稱。

列表控件

ASP.NET提供了以下控件

  • 下拉列表
  • 列表框
  • 單選按鈕列表
  • 複選框列表
  • 項目符號列表

這些控制讓用戶從列表中選擇一個或多個項目。列表框和下拉列表包含一個或多個列表項。 這些列表可以通過代碼或ListItemCollection編輯器加載。

列表框控件的基本語法:

<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True"    OnSelectedIndexChanged="ListBox1_SelectedIndexChanged"></asp:ListBox>

下拉列表控制的基本語法:

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"   OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>

列表框和下拉列表的常見屬性列表:

編號

屬性

描述

1

Items

表示控件中項目的ListItem對象的集合。這個屬性返回一個ListItemCollection類型的對象。

2

Rows

指定框中顯示的項目數量。 如果實際列表包含比顯示更多的行,則會添加一個滾動條。

3

SelectedIndex

當前選定項目的索引。如果選擇多個項目,則選擇第一個項目的索引。 如果未選擇項目,則此屬性的值爲-1

4

SelectedValue

當前選擇的項目的值。如果選擇多個項目,則選擇第一個選定項目的值。如果未選擇項目,則此屬性的值爲空字符串("")。

5

SelectionMode

指示列表框是允許單個選擇還是多個選擇。

每個列表項目對象的通用屬性:

編號

屬性

描述

1

Text

顯示該項目的文本。

2

Selected

指示是否選擇該項目。

3

Value

與該項目關聯的字符串值。

要注意:

  • 要使用下拉列表或列表框中的項目,可以使用控件的Items屬性。該屬性返回一個ListItemCollection對象,其中包含列表的所有項目。
  • 當用戶從下拉列表或列表框中選擇不同的項目時,引發SelectedIndexChanged事件。

ListItemCollection

ListItemCollection對象是ListItem對象的集合。每個ListItem對象表示列表中的一個項目。ListItemCollection中的項目從0開始編號。

當使用字符串加載列表框中的項目時,例如:lstcolor.Items.Add("Blue"),則列表項目的TextValue屬性都將設置爲指定的字符串值。要設置它不同,必須創建一個列表項目對象,然後將該項目添加到集合。

ListItemCollection編輯器用於將項目添加到下拉列表或列表框中。這用於創建項目的靜態列表。 要顯示集合編輯器,請從智能標記菜單中選擇編輯項目,或選擇控件,然後單擊屬性窗口中的項目屬性中的省略號按鈕。

ListItemCollection的通用屬性:

編號

屬性

描述

1

Item(integer)

表示指定索引處的項目的ListItem對象。

2

Count

集合中的項目數量。

ListItemCollection的常用方法:

編號

方法

描述

1

Add(string)

在集合的末尾添加一個新項目,並將字符串參數分配給項目的Text屬性。

2

Add(ListItem)

在集合的末尾添加一個新項目。

3

Insert(integer, string)

在集合中的指定索引位置插入項目,並將字符串參數分配給項目的文本屬性。

4

Insert(integer, ListItem)

將項目插入集合中指定的索引位置。

5

Remove(string)

刪除文本值與字符串相同的項目。

6

Remove(ListItem)

刪除指定的項目。

7

RemoveAt(integer)

以整數形式刪除指定索引處的項目。

8

Clear

刪除集合中的所有項目。

9

FindByValue(string)

返回值與字符串相同的項目。

10

FindByValue(Text)

返回文本與字符串相同的項目。

單選按鈕列表和複選框列表

單選按鈕列表顯示了一個互斥選項列表。 複選框列表顯示了獨立選項的列表。 這些控件包含可以通過控件的Items屬性引用的ListItem對象的集合。

單選按鈕列表的基本語法:

<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" 
   OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged">
</asp:RadioButtonList>

複選框列表的基本語法:

<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" 
   OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged">
</asp:CheckBoxList>

複選框和單選按鈕列表的常用屬性:

編號

屬性

描述

1

RepeatLayout

此屬性指定在呈現時格式化列表時是使用表標記還是正常的html流。默認值是Table

2

RepeatDirection

它規定了重複控制的方向,可用的值是HorizontalVertical。默認是Vertical

3

RepeatColumns

它指定重複控件時要使用的列數。默認爲0

項目符號列表和編號列表

項目符號列表控件創建項目符號列表或編號列表。 這些控件包含可以通過控件的Items屬性引用ListItem對象的集合。

項目符號列表的基本語法:

<asp:BulletedList ID="BulletedList1" runat="server">
</asp:BulletedList>

項目符號列表的通用屬性:

編號

屬性

描述

1

BulletStyle

此屬性指定項目符號或編號的樣式和外觀。

2

RepeatDirection

它規定了重複控制的方向。可用的值是HorizontalVertical。 默認是Vertical

3

RepeatColumns

它指定重複控件時要使用的列數。 默認爲0

超鏈接控件

HyperLink控件就像HTML <a>元素。

超鏈接控件的基本語法:

<asp:HyperLink ID="HyperLink1" runat="server">
   HyperLink
</asp:HyperLink>

它具有以下重要屬性:

編號

屬性

描述

1

ImageUrl

要由控件顯示的圖像的路徑。

2

NavigateUrl

目標鏈接網址。

3

Text

要顯示作爲鏈接的文本。

4

Target

加載鏈接頁面的窗口或框架。

圖像控件

圖像控件用於在網頁上顯示圖像,或者如果圖像不可用,則使用其他文本。

圖像控件的基本語法:

<asp:Image ID="Image1" runat="server">

它具有以下重要屬性:

編號

屬性

描述

1

AlternateText

在沒有圖像的情況下顯示替代文字。

2

ImageAlign

控件的對齊選項。

3

ImageUrl

控件要顯示的圖像的路徑。

易百教程移動端:請掃描本頁面底部(右側)二維碼並關注微信公衆號,回覆:"教程" 選擇相關教程閱讀或直接訪問:http://m.yiibai.com

上一篇:ASP.NET客戶端 下一篇:ASP.NET指令

加QQ羣啦,易百教程官方技術學習羣

QQ羣名稱

羣號

人數

免費

等級

羣介紹

JAVA技術

227270512

2000

LV5

Java基礎,JSP(Servlet),JAVA框架,Java高併發架構,Maven等等

MySQL/SQL

418407075

2000

LV5

SQL基礎,MySQL基礎,MySQL存儲過程,視圖,觸發器等等

大數據開發

655154550

2000

LV5

Spark,zookeeper,kafka,CDH,hive,fulme,hbase等Hadoop雲計算生態圈技術

Python技術

287904175

2000

LV5

Python編程,Python Web,Python大數據,Python爬蟲,自然語言處理等

Linux技術

479429477

2000

LV1

Redhat/Centos,Ubuntu,Shell,運維,監控等技術

PHP/Web開發者

460153241

1000

LV0

PHP基礎,PHP高級,網站優化/架構,JS,HTML,JQuery,前端等Web開發技術

人工智能

456236082

1000

LV0

人工智能,深度學習,算法等技術

Oracle數據庫

175248146

1000

LV0

SQL基礎,Oracle基礎,Oracle存儲過程,視圖,觸發器等等

Android開發

159629185

1000

LV0

Android開發,Android Studio,Kotlin,Dagger等技術

微軟技術

579821706

1000

LV0

C#,ASP.Net,VB.Net,ADO.Net,SQL Server,VBA,Excel等技術