电脑

当前位置 /首页/游戏数码/电脑/列表

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

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

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

操作方法

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

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

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

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

(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>

实例讲解TextBox控件如何使用AutoPostBack属性 第4张
实例讲解TextBox控件如何使用AutoPostBack属性 第5张

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

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

(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>

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

(06)后台代码然后我们点击前台中的【设计】下方显示的【密码文本框】可以进入后台编辑页面,编写下提交显示的内容,具体代码如下所示:protected void txtpwd_TextChanged1(object sender, EventArgs e) { result.Text=txtname.Text+"密码"+txtpwd.Text; }

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

(07)回到前台页面,点击【在浏览器中查看】的图形按钮,预览效果。我们在浏览器中随便输入密码和姓名,当鼠标离开密码文本框时可以看到在【输出结果文本框】中会自动显示输入的密码和姓名文本框中的内容。

实例讲解TextBox控件如何使用AutoPostBack属性 第9张
实例讲解TextBox控件如何使用AutoPostBack属性 第10张

特别提示

(1)学习ASP.NET语言的IDE工具有很多,但是我们一般使用的工具是Visual studio软件;<br/>(2)要注意页面中前台和后台的区分,以后缀名进行区分,后缀名为.aspx的页面为前台页面,后缀名为.cs的页面为后台页面;<br/>(3)AutoPostBack属性在很多控件中都有,很经常用到,一般用到这个属性的话,就无需在添加提交按钮了;