第四章HTML控件和驗證控件

第四章

HTML控件和驗證控件回顧內(nèi)部控件列表控件復(fù)雜控件驗證控件同對象一樣，web控件擁有方法和屬性，并響應(yīng)事件ASP.NET教程張奎2006學習要點HTML控件驗證控件ASP.NET教程張奎2006HTML服務(wù)器控件特點1頁面開發(fā)人以編程的方式無法訪問HTML元素要使這些元素用程序訪問，必須制定對HTML與蘇進行分析并將其作為服務(wù)器控件,可以通過為HTML元素添加runat=“server”屬性來完成通過HTML元素為一的id屬性，可以用程序引用該控件ASP.NET教程張奎2006HTML服務(wù)器控件的特點2HTML服務(wù)器控件必須位于具有runat=“server”屬性的<form>標記中通過HtmlForm控件，可以在網(wǎng)頁中創(chuàng)建一個用于元素的容器通過HtmlImage控件，可以顯示圖像通過HtmlImnputFile控件，可以將文件上載到服務(wù)器ASP.NET教程張奎2006HTML控件的特點3HTML控件是以HTML標記為基礎(chǔ)衍生出來的，它存在于System.UI.HtmlCotrol名稱空間，是一個可在服務(wù)器端執(zhí)行的可程序化控件，任何HTML標記皆可轉(zhuǎn)化成為HTML控件，只需加上“Runat=Server”的屬性即可。HTMLservercontrols’advantagesoverWebcontrolsWebdeveloperscomingfromanASP3orsimilarbackgroundmayprefertoworkwiththeHTMLstyleofcontrolDeveloperscanconvertexistingHTMLtagstoHTMLserverASP.NET教程張奎2006表單控件表單控件用于接受客戶端的輸入，并將輸入的結(jié)果提交給服務(wù)器處理，表單控件有多種，下面逐一介紹：

HtmlForm控件

HtmlForm控件是設(shè)計動態(tài)網(wǎng)頁一個相當重要的控件，對應(yīng)于Html的<form>元素，它可以讓我們將客戶端的數(shù)據(jù)傳送至服務(wù)器端進行處理，所有的WebForm控件必須包含在一對HtmlForm控件標簽中。HtmlFormASP.NET教程張奎2006該控件映射到<form>HTML元素并允許為web也種的元素創(chuàng)建一個容器若要利用回發(fā)服務(wù)器，則所有的web窗體控件都必須嵌套在HtmlForm控件的格式正確的開始和結(jié)束標記之間不能在單個web窗體頁上包含多個htmlForm控件控件有兩個主要的屬性:Method為傳遞數(shù)據(jù)的方法get和post，Action表示提交的目標文件的url地址。

2.HtmlInputButton控件

HtmlInputButton控件對應(yīng)于HTML中的<inputtype=button>、<inputtype=submit>、以及<inputtype=reset>元素，其最主要的功用是執(zhí)行一個指令或動作，將提交表單中的內(nèi)容給服務(wù)器處理，然后將處理結(jié)果返回給瀏覽器。ASP.NET教程張奎2006

HtmlInputText控件

HtmlInputText控件提供讓使用者輸入數(shù)據(jù)的地方。它有兩種類型：當為Text時是輸入的一般數(shù)據(jù)，所輸入的字符串會顯示在文本框內(nèi)；而為Password時則是密碼輸入框，輸入的字符會以「*」來顯示，防止被他人偷看。HtmlInputRadioButton控件

HtmlInputRadioButton控件限制使用者的選擇為單選，并只能夠在我們所提供的選項中選擇一個。ASP.NET教程張奎2006HtmlInputCheckBox控件

當我們要讓使用者可以復(fù)選多個選擇項，不過只能夠在我們所提供的項目中選擇時，可以使用HtmlInputCheckBox控件，該控件對應(yīng)于HTML中的<inputtype=checkbox>元素，使用checked屬性來判斷復(fù)選按鈕是否被選中。

ASP.NET教程張奎2006HtmlInputFile控件HtmlInputFile控件對應(yīng)于HTML中的<Inputtype＝file>元素，使用該控件可以制作一個提供給用戶用來選擇上傳文件的輸入框。屬性：Accept=“”獲取或設(shè)置接受上傳文件的mime編碼類型，類型之間用逗號分隔。Maxlength：獲取或設(shè)置文件路徑最大的長度，單位為字符Postedfile：獲取上傳文件。其屬性有Contentlength:獲取文件的大小Contenttype：獲取文件的mime類型Filename：獲取文件位于客戶端計算機的完整路徑及文件名方法：saveas（filename）：將上傳得文件包存在服務(wù)器舉例說明上傳一個或多個文件的用法ASP.NET教程張奎2006HtmlInputImage控件

HtmlInputImage控件對應(yīng)于HTML中的<Input=Image>元素，其作用類似HtmlInputButton控件，能夠完成按鈕的功能，但是它具有圖像的外觀，使訪問者可以通過點擊一幅圖像而不是點擊按鈕來提交一個表單以進行處理。

ASP.NET教程張奎2006HtmlInputHidden隱藏輸入控件

當我們要使用者傳送所輸入的數(shù)據(jù)，順便也傳送不需要使用者輸入的數(shù)據(jù)時，可以使用隱藏輸入控件。ASP.NET教程張奎2006HtmlTextArea控件

HtmlTextArea控件用來接受用戶輸入，既可以設(shè)定長度和高度，又可以用來輸入一小段文字，輸入的內(nèi)容會存在Value屬性中。

HtmlSelect控件

HtmlSelect控件就是選單控件，對應(yīng)于HTML中的<select>元素。選單控件有兩種風格，一種是下拉式選單，另一種是清單。ASP.NET教程張奎2006表格控件表格控件一共有三個，分別是HtmlTableCell控件、HtmlTableRow控件和HtmlTable控件，分別對應(yīng)著表格中的元素、表格中的行以及表格。

1.HtmlTableCell控件

HtmlTableCell控件對應(yīng)于HTML中的<td>元素，用于創(chuàng)建表格中的單元格。ASP.NET教程張奎2006

2.HtmlTableRow控件

HtmlTableRow控件對應(yīng)于HTML中的<tr>元素，用于創(chuàng)建表格中的行。

3.HtmlTable控件

HtmlTable控件對應(yīng)于HTML中的<table>元素，用于創(chuàng)建表格，我們可以動態(tài)地添加表格的行和列。ASP.NET教程張奎2006其它控件1.HtmlAnchor控件

HtmlAnchor控件對應(yīng)于HTML中的<a>元素，用于創(chuàng)建和使用超鏈接。該控件所包含的屬性，允許通過編碼或通過該控件的定義來定義該控件上所顯示的文本，以及當訪問者選擇一個鏈接時將其請求轉(zhuǎn)發(fā)的目標位置。

2.HtmlImage控件

HtmlImage控件對應(yīng)于HTML元素中的<img>元素用來顯示圖片于網(wǎng)頁上的控件。ASP.NET教程張奎2006它的使用方法和HTML的<img>元素很類似，只是在ASP.NET里變?yōu)橐粋€可以隨程序來動態(tài)地改變其屬性的HTML控件。

3.HtmlButton控件

HtmlButton控件對應(yīng)于HTML中的<button>元素，使用HtmlButton控件可以制作有特殊效果的按鈕，HtmlButton控件還可以內(nèi)嵌其他的HTML元素。

4.HtmlGenericControl控件

HtmlGenericControl控件對應(yīng)于其它的一些ASP.NET教程張奎2006HTML元素（如<div>、<font>等）。通過使用該控件，使得這些HTML元素也可以具備動態(tài)改變元素的屬性和內(nèi)容的特性。ASP.NET教程張奎2006Htmlinputfile演示ASP.NET教程張奎2006Web控件的優(yōu)缺點ASP.NET教程張奎2006驗證控件ASP.NET教程張奎2006Html控件的優(yōu)缺點ASP.NET教程張奎2006驗證控件數(shù)據(jù)驗證是一種限制使用者輸入的限制，可以確定使用者所輸入的數(shù)據(jù)是正確的，或是強迫使用者一定要輸入數(shù)據(jù)。先執(zhí)行數(shù)據(jù)驗證比輸入錯誤的數(shù)據(jù)后，再讓數(shù)據(jù)庫響應(yīng)一個錯誤信息來的有效率；也可以確保使用者所輸入的數(shù)據(jù)是一個有效值，這些功能，可以由數(shù)據(jù)驗證控件來完成。ASP.NET教程張奎2006驗證控件的屬性和方法：Controltovalidate：設(shè)置或獲取所要驗證控件的標識Display：設(shè)置或獲取錯誤信息的顯示行為none，static，dynamicEnableclientscript：trueorfalse，是否啟用客戶端驗證Errormessage：驗證失敗是顯示的信息Isvalid：所言的控件是否通過驗證方法：Validate（）：執(zhí)行驗證動作，然后更新isvalid屬性。Note：page對象也由validate（），若調(diào)用它則會調(diào)用網(wǎng)頁上的所有控件的validate（）方法，當所有的控件的isvalid為true是，page的isvalid屬性才為trueASP.NET教程張奎2006驗證控件的類型

RequiredFieldValidator：必須字段驗證控件，用于檢查是否有輸入值。

CompareValidator：比較驗證控件，使用比較運算符來驗證用戶的輸入是否符合要求，可以比較的值有常量和其他控件的屬性。

RangeValidator：范圍驗證控件，驗證用戶的輸入是否在指定范圍內(nèi)，可以作為范圍的有成對的數(shù)字、字符和日期等。ASP.NET教程張奎2006RegularExpressionValidator：正則表達式驗證控件，判斷用戶的輸入是否符合一定的格式。此控件可以用來驗證一些有一定規(guī)律的輸入，如電話號碼、證件號碼、Email地址以及郵政編碼等。CustomValidator：自定義驗證控件，由開發(fā)者自己定義驗證條件，該控件具有最大的靈活性。ValidationSummary：驗證總結(jié)控件，用于在summaryform中顯示錯誤信息。ASP.NET教程張奎2006requiredvalidatorASP.NET教程張奎2006Display屬性ASP.NET教程張奎2006comparevalidator1ASP.NET教程張奎2006comparevalidator2固定值比較valuetocompare,type,operator，errormessage類型檢驗Operator，type控件比較Controltocompare,controltovalidatorASP.NET教程張奎2006rangevalidator屬性Minvalue,maxvalueASP.NET教程張奎2006regularexpressionvalidatorASP.NET教程張奎2006regularexpressionvalidator2validatorex