實例講解ASP.NET中服務器控件和HTML控件

asp.net的前身是asp技術，但是兩者還是有很明顯的區別的。我們學習asp.net一般是使用Visual studio 軟件來編程的，雖然説用IDE工具來編程代碼會產生思考惰性，不過新人來説用IDE編碼比較容易。現在，我們來通過實際例子瞭解下ASP.NET中的服務器控件和HTML控件吧。

操作方法

（01）新建網站雙擊桌面上的vs圖標，打開軟件。點擊菜單欄中的【文件】---【新建】---在彈出的【新建網站】中，選擇【.NET Framewordk 4】最高版本，【模板】選擇【Visual C#】，【ASP.NET空網站】，然後點擊【確定】按鈕即可。

（02）添加新項點擊　頁面右側的DVS文件，在彈出的下來菜單中選擇【添加新項】，然後點擊【確定】。

（03）添加新項設置在彈出的窗口中，【模板】選擇【Visual C#】，【Web窗體】，然後輸入名稱，如【test】，點擊【添加】按鈕即可。

（04）工具箱使用工具箱在前台頁面輸入如下的控件代碼：實例1:ASP.NET控件輸入當前日期時間<br /> <asp:TextBox ID="txt_1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />

（05）後台代碼然後在後台輸入如下代碼。指的是點擊按鈕，在TextBox文本框控件中可以顯示當前的時間日期。要注意ASP.NET獲取值要用Text,而不能用Value。txt_1.Text = DateTime.Now.ToLongDateString();

（06）運行代碼點擊前台中的【在瀏覽器中查看】，或者直接使用快捷鍵Ctrl+Shift+W，在瀏覽器中預覽效果。

（07）把前台的TextBox控件改為HTML類型的input控件，原先是沒有【runat="server"】把它補上。然後按鈕用ASP.NET類型的按鈕 <div> 實例2:HTML控件輸入當前日期時間 <br /> <input id="txt_2" type="text" runat="server"/> <asp:Button ID="Button2" runat="server" Text="Button" onclick="Button2_Click1" /> </div>

（08）後台代碼在後台上輸入如下代碼，其中因為是HTML控件，因此獲取控件值要用Value。 txt_2.Value = DateTime.Now.ToLongDateString();

（09）預覽效果然後在瀏覽器中預覽效果，可以看到ASP和HTML控件都可以獲取當前日期時間。

特別提示

（1）服務器控件有runat=&quot;server&quot;,而HTML如果用到後台的話要在控件中補上runat=&quot;server&quot;代碼，相當於把它轉變成服務器控件類型。<br/>（2）調用文本的方法不同：以本文使用的控件TextBox文本框為例，説明ASP.NET和HTML的調用不同之處：<br/>ASP.NET：TextBox.Text<br/>HTML :TextBox.Value<br/>（3）TextBox控件：文本框控件，作用是用於獲取用户輸入的文本信息。