c#鼠标点击TextBox控件后清空默认字体
方案(一)
脚本:
<script type="text/javascript" language="javascript">
//得到焦点时触发事件
function onFocusFun(element, elementValue) {
if (element.value == elementValue) {
element.value = "";
element.style.color = "";
}
}
//离开输入框时触发事件
function onblurFun(element, elementValue) {
if (element.value == '') {
element.style.color = "#808080";
element.value = elementValue;
}
}
</script>
调用示例:
<tr align="center">
<td style="background-image:url('bg03.gif');background-position:center;background-repeat:no-repeat;height:69px">
<span style="color: #000000; font-family: 黑体;"><strong>用户名:</strong></span><asp:textbox id="UserName" Text="请输入用户名" runat="server" Width="100px" Height="20px" ForeColor="#808080"
OnFocus="onFocusFun(this,'请输入用户名')"
OnBlur="onblurFun(this,'请输入用户名')"></asp:textbox>
<br />
<span style="color: #000000; font-family: 黑体;"><strong>密 码:</strong></span><asp:textbox id="UserPass" runat="server" Width="100px" TextMode="Password" Height="20px"></asp:textbox>
</td>
</tr>
--------------------------------------------------------------------------------------------------------------------------------------------
方案(二)
[ 方法一]
前台代码:
<div>
<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
<asp:TextBox ID="txtPwd" runat="server"></asp:TextBox>
<asp:Button ID="btnLongin" runat="server" Text="提交" />
</div>
后台代码:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//用户输入
txtName.Attributes.Add("Value", "请输入用户名");
txtName.Attributes.Add("OnFocus", "if(this.value=='请输入用户名') {this.value=''}");
txtName.Attributes.Add("OnBlur", "if(this.value==''){this.value='请输入用户名'}");
//密码输入
txtPwd.Attributes.Add("Value", "请输入密码");
txtPwd.Attributes.Add("OnFocus", "if(this.value=='请输入密码'){this.value=''}");
txtPwd.Attributes.Add("OnBlur", "if(this.value==''){this.value='请输入密码'}");
//
if (!IsPostBack)
{
//内容
}
}
}
[ 方法二]
前台文本框里添加下面2个事件属性:
OnFocus="javascript:if(this.value=='提示文字') {this.value=''}"
OnBlur="javascript:if(this.value=='') {this.value='提示文字'}"
-----------------------------------例-----------------------------------------
<asp:TextBox ID="txtName" runat="server" Text="请输入用户名"
OnFocus="javascript:if(this.value=='请输入用户名') {this.value=''}"
OnBlur="javascript:if(this.value==''){this.value='请输入用户名'}">
</asp:TextBox>
<asp:TextBox ID="txtPwd" runat="server" Text="请输入密码"
OnFocus="javascript:if(this.value=='请输入密码') {this.value=''}"
OnBlur="javascript:if(this.value==''){this.value='请输入密码'}">
</asp:TextBox>
c#鼠标点击TextBox控件后清空默认字体的更多相关文章
- appium ios 相对坐标点击和控件滑动操作
环境: 系统:ios 10.13.6 (17G12034) appium:1.14.0 xcode:10.1 iphone:iphone7 12.4 在尝试使用driver.tap([(a,b)],5 ...
- [Selenium]点击Calendar控件后,Calendar dialog很快消失
有的日历控件使用了“opacity:0”透明度加上“display:none”来控制其是否显示,使用moveToElement方法不能移动到dialog上,可以把这两个属性的值进行修改,使其可见,使用 ...
- c# winform 在一个窗体中使用另一个窗体中TextBox控件的值——解决办法
[前提]一个winform应用程序项目中,窗体B,需要使用 窗体A 中一个TextBox控件的值,进行计算等操作. [解决方案] 1.在窗体A中定义:public static double a;// ...
- 关于ASP.net TextBox控件的失去焦点后触发其它事件
编写人:CC阿爸 2015-2-02 今天在这里,我想与大家一起分享如何处理的ASP.net TextBox控件的失去焦点后触发其它事件的问题,在此做个小结,以供参考.有兴趣的同学,可以一同探讨与学习 ...
- 鼠标点击input框后里面的内容就消失
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- asp.net textbox控件基础
asp.net有两种控件,一种是html控件,一种是asp控件,在说textbox控件之前,先看看按钮的两个命令oncommand和onclick.每次点击按钮后,都会提交命令,但是程序会首先执行Pa ...
- [转载]ASP.NET中TextBox控件设立ReadOnly="true"后台取不到值
原文地址:http://www.cnblogs.com/yxyht/archive/2013/03/02/2939883.html ASP.NET中TextBox控件设置ReadOnly=" ...
- input绑定datapicker控件后input再绑定blur或者mouseout等问题
input绑定datapicker控件后input再绑定blur或者mouseout等问题 问题描述:今天在修改一个东西的时候需要给一个input输入域绑定blur事件,从而当它失去焦点后动态修改其中 ...
- Excel VBA TextBox控件的滚动条不能刷新
问题:Excel中Textbox控件以及Form里的Textbox控件,当直接填充的内容很长时,滚动条不能实时刷新. 现象: 修改后: 原因: 虽然已经向Textbox的Text里设置了内容,但此时T ...
随机推荐
- Saturday SQL Server 2016 初体验
最近在开发一个有关数据库的项目,我想用SQLite,但是SQLite的设计器不是特别友好,然后据说VS有一个集成的SQLite设计器,但是我用的VS2017亲测并没有,用户体验不佳,所以安装一个SQL ...
- Jmeter脚本录制方法(一)——分别使用Badboy录制和Jmeter自带的代理服务器录制
Jmeter录制方式分三种,分别是:使用Badboy录制.Jmeter自带的代理服务器录制和手工录制,今天先介绍前两种录制方法. Badboy录制 Badboy是用C++开发的动态应用测试工具, 其拥 ...
- EasyUI DataGrid 基于 Ajax 自定义取值(loadData)
为 datagrid 加载数据分两种情况: 一种是基于 Ajax 请求获取数据然后通过"loadData"方法来赋值: 另一种是直接使用 datagrid 自带的"loa ...
- java中==与equel的区别
值类型是存储在内存中的堆栈(以后简称栈),而引用类型的变量在栈中仅仅是存储引用类型变量的地址,而其本身则存储在堆中. ==操作比较的是两个变量的值是否相等,对于引用型变量表示的是两个变量在堆中存储的地 ...
- Linux系列教程(一)——Linux系统简介
本系列教程将完整的讲解整个Linux相关的知识,这是楼主学完之后重新对Linux知识体系的整理.从最基础的知识开始,对于一个完全不懂Linux系统的人,相信在看完整个系列教程之后,都能对Linux有一 ...
- 要让CLR挂掉的话……
http://rednaxelafx.iteye.com/blog/460893 (Disclaimer:如果需要转载请先与我联系. 作者:RednaxelaFX -> rednaxelafx. ...
- Windows 10新功能
Windows 10 中面向开发人员的新增功能 Windows 10 及新增的开发人员工具将提供新通用 Windows 平台支持的工具.功能和体验.在 Windows 10 上安装完工具和 SDK后, ...
- Android基础知识03—Activity的基本用法
------Activity 活动------ 活动 Activity 是一种包含用户界面的组件,即一个界面就是一个活动 创建活动的过程: >> 创建一个类,继承自Activity类,并且 ...
- 11-05-sdust-个人赛赛后随想
第二次打个人赛 这次居然打秃了,被A题卡的体无完肤.....结果之后转D题心里挂着A题...D题也被卡. 然后第二天不甘心,翘课来机房敲昨天的题,结果两题完全重新敲,都是10分钟左右敲完代码,A题1掉 ...
- (转)Java 网络IO编程总结(BIO、NIO、AIO均含完整实例代码)
原文出自:http://blog.csdn.net/anxpp/article/details/51512200 1.BIO编程 1.1.传统的BIO编程 网络编程的基本模型是C/S模型,即两个进程间 ...