实例讲解TextBox控件如何使用AutoPostBack属性

ASP.NET是一门开发语言，可以用来开发网站，学习这门语言首先要了解工具箱中各种控件的使用，然后再学习如何链接数据库。编辑代码的IDE工具主要是Visualstudio软件。TextBox控件是可编辑文本框，它有很多的常用属性，其中属性AutoPostBack是指当文本框控件的内容发生变化时，服务器是否会自动回传。现在，我们以实际例子出发，看看TextBox控件如何使用AutoPostBack属性如何使用吧。

工具/材料

Visual studio2010

操作方法

【步骤01】

新建网站或项目
（1）点击Visual studio软件菜单栏中的【文件】，在下拉菜单中找到【新建】---【新建网站】】。
（2）在弹出【新建网站】的窗口中依次设置：选择【.NET Frameword 4】版本，在左侧的【已安装的模板】中选择【Visual C# 】，在中间选择【ASP.NET空网站】，WEB位置默认是在安装路径位置，我们新建一个文件夹，作为存放位置，然后点击【确定】按钮即可。

【步骤02】

添加新项
然后点击页面右边的网站路径，在弹出框中选择【添加新项】，在弹出的【添加新项】窗口，选择安装模板为【VisualC#】，【Web窗体】，然后点击【确定】按钮即可。

【步骤03】

前台代码
在aspx前台页面中拉出三个TextBox文本框，工具箱中的控件要选择标准里面的，代码如下所示：
你的姓名：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
你的密码：<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
结果：<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>

【步骤04】

拆分按钮
在Visualstudio 软件中也有跟Dreamweaver一样的功能，如点击页面下方的【拆分】按钮，既可以查看源代码，还可以看到代码的预览效果。

【步骤05】

更改前端代码
然后对前端代码进行更改，首先更改代码的ID属性值，见名知意思。其次我们对密码文本框添加自动提交属性，即当我们鼠标离开该文本框时会自动提交内容到服务器端。具体代码如下所示
你的姓名：<asp:TextBox ID="txtname" runat="server"></asp:TextBox><br />
你的密码：<asp:TextBox ID="txtpwd" runat="server"AutoPostBack="true" ></asp:TextBox><br />
结果：<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工具有很多，但是我们一般使用的工具是Visualstudio软件；
（2）要注意页面中前台和后台的区分，以后缀名进行区分，后缀名为.aspx的页面为前台页面，后缀名为.cs的页面为后台页面；
（3）AutoPostBack属性在很多控件中都有，很经常用到，一般用到这个属性的话，就无需在添加提交按钮了；