例項講解TextBox控制元件如何使用AutoPostBack屬性

來源：酷知科普網 1.79W

ASP.NET是一門開發語言，可以用來開發網站，學習這門語言首先要了解工具箱中各種控制元件的使用，然後再學習如何連結資料庫。編輯程式碼的IDE工具主要是Visual studio軟體。TextBox控制元件是可編輯文字框，它有很多的常用屬性，其中屬性AutoPostBack是指當文字框控制元件的內容發生變化時，伺服器是否會自動回傳。現在，我們以實際例子出發，看看TextBox控制元件如何使用AutoPostBack屬性如何使用吧。

操作方法

（01）新建網站或專案（1）點選Visual studio軟體選單欄中的【檔案】，在下拉選單中找到【新建】---【新建網站】】。（2）在彈出【新建網站】的視窗中依次設定：選擇【.NET Frameword 4】版本，在左側的【已安裝的模板】中選擇【Visual C# 】，在中間選擇【ASP.NET空網站】，WEB位置預設是在安裝路徑位置，我們新建一個資料夾，作為存放位置，然後點選【確定】按鈕即可。

（02）新增新項然後點選頁面右邊的網站路徑，在彈出框中選擇【新增新項】，在彈出的【新增新項】視窗，選擇安裝模板為【Visual C#】，【Web窗體】，然後點選【確定】按鈕即可。

（03）前臺程式碼在aspx前臺頁面中拉出三個TextBox文字框，工具箱中的控制元件要選擇標準裡面的，程式碼如下所示：你的姓名：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 你的密碼：<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 結果：<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>

（04）拆分按鈕在Visual studio 軟體中也有跟Dreamweaver一樣的功能，如點選頁面下方的【拆分】按鈕，既可以檢視原始碼，還可以看到程式碼的預覽效果。

（05）更改前端程式碼然後對前端程式碼進行更改，首先更改程式碼的ID屬性值，見名知意思。其次我們對密碼文字框新增自動提交屬性，即當我們滑鼠離開該文字框時會自動提交內容到伺服器端。具體程式碼如下所示你的姓名：<asp:TextBox ID="txtname" runat="server"></asp:TextBox> 你的密碼：<asp:TextBox ID="txtpwd" runat="server" AutoPostBack="true" ></asp:TextBox> 結果：<asp:TextBox ID="result" runat="server"></asp:TextBox>

（06）後臺程式碼然後我們點選前臺中的【設計】下方顯示的【密碼文字框】可以進入後臺編輯頁面，編寫下提交顯示的內容，具體程式碼如下所示：protected void txtpwd_TextChanged1(object sender, EventArgs e) { result.Text=txtname.Text+"密碼"+txtpwd.Text; }

（07）回到前臺頁面，點選【在瀏覽器中檢視】的圖形按鈕，預覽效果。我們在瀏覽器中隨便輸入密碼和姓名，當滑鼠離開密碼文字框時可以看到在【輸出結果文字框】中會自動顯示輸入的密碼和姓名文字框中的內容。

特別提示

（1）學習ASP.NET語言的IDE工具有很多，但是我們一般使用的工具是Visual studio軟體； （2）要注意頁面中前臺和後臺的區分，以後綴名進行區分，字尾名為.aspx的頁面為前臺頁面，字尾名為.cs的頁面為後臺頁面； （3）AutoPostBack屬性在很多控制元件中都有，很經常用到，一般用到這個屬性的話，就無需在新增提交按鈕了；

熱門標籤