页面展示:
点击按钮密码展示,图片切换,再点击密码隐藏图片切换
实现:
1、页面
<asp:TextBox MaxLength="24" ID="tbWebSite_UserPwd1" runat="server" TextMode="Password"></asp:TextBox> <asp:ImageButton runat="server" ID="btnShowClose" BorderWidth="0" ImageUrl="~/qdAdmin/qdimages/yanjing_xianshi.png" OnClick="btnShowClose_Click"/>
2、后面方法
protected void btnShowClose_Click(object sender, EventArgs e) { //记住密码 this.tbWebSite_UserPwd1.Attributes.Add("value", this.tbWebSite_UserPwd1.Text); this.tbWebSite_UserPwd2.Attributes.Add("value", this.tbWebSite_UserPwd2.Text); ImageButton btn = (ImageButton)sender; if (btn.ID == "btnShowClose") { if (tbWebSite_UserPwd1.TextMode == TextBoxMode.Password) { //密码显示 与切换图片 tbWebSite_UserPwd1.TextMode = TextBoxMode.SingleLine; btnShowClose.ImageUrl = "~/qdAdmin/qdimages/yanjing_yincang.png"; } else { tbWebSite_UserPwd1.TextMode = TextBoxMode.Password; btnShowClose.ImageUrl = "~/qdAdmin/qdimages/yanjing_xianshi.png"; } }else if (btn.ID == "btnShowClose2") { if (tbWebSite_UserPwd2.TextMode == TextBoxMode.Password) { tbWebSite_UserPwd2.TextMode = TextBoxMode.SingleLine; btnShowClose2.ImageUrl = "~/qdAdmin/qdimages/yanjing_yincang.png"; } else { tbWebSite_UserPwd2.TextMode = TextBoxMode.Password; btnShowClose2.ImageUrl = "~/qdAdmin/qdimages/yanjing_xianshi.png"; } } }