`

文本框默认文字说明,获取焦点时消失

    博客分类:
  • JSP
阅读更多

文本框默认文字说明,获取焦点时消失。

<html>
<body>
	<input type="text" name="randomText" id="randomText" value="说明信息" onfocus="fo(this)" onblur="bl(this)"/>
</body>

<script>
	var text = document.getElementById("randomText").value;
	function fo(obj){
		if(obj.value == text){
			obj.value = "";
		}
	}
	
	function bl(obj){
		if(obj.value == ""){
			obj.value = text;
		}
	}
</script>
</html>

 

 

分享到:
评论

相关推荐

    文本框点击时文字消失,失去焦点时文字出现

    当input文本框被点击并获取焦点时,`:focus`伪类会被激活。 ### 知识点三:JavaScript事件监听 要实现文本框点击时文字消失,失去焦点时文字出现的功能,必须使用JavaScript来监听input元素的事件。主要是`focus`...

    js文本框校验控件

    文本框验证是通过监听用户的输入事件,如`onfocus`(获取焦点)和`onblur`(失去焦点),来实时检查用户输入的内容是否合法。一旦检测到不符合规则的输入,可以立即给出反馈,如显示错误提示信息。 2. **四种状态*...

    关于 文本框默认值 的操作js代码

    然而,如何实现输入框聚焦时清除默认提示、失去焦点时若无输入则恢复默认提示的功能,是一个值得探讨的问题。 #### 一、背景介绍 在网页设计中,为了提高表单的可用性和用户体验,常常会在输入框内添加默认提示文本...

    js小技巧200个

    示例代码展示了如何在文本框中预填充默认文本(如“mm”),并在获得焦点时清除这些文本,以及在失去焦点且未输入任何内容时恢复这些文本。这在用户体验设计中非常常见,用于提示用户输入信息或进行操作。 ### 2. ...

    VB控件属性大全

    - **说明**:获取文本框中选定文本的起始位置。 **SelLength** - **说明**:获取文本框中选定文本的长度。 --- #### 1.04 框架控件(Frame)的常用属性 **Caption** - **说明**:设置框架的标题。 **BorderWidth*...

    网页常用的js_脚本

    - **功能说明**:创建一个文本框,文本框的边框为1像素实线、颜色为#666666,高度为17像素,宽度为15个字符宽,字体大小为9pt,背景色为#F4F4FF,文字颜色为#ff6600。 #### 6. 平面输入框 - **样式设置**:通过CSS...

    江苏计算机二级vb参考资料.pdf

    而GotFocus是事件,发生在控件获得焦点时。D选项正确。 4. **窗体事件**:VB中的窗体事件包括Initialize(初始化)、Load(加载)、GotFocus(获得焦点)、LostFocus(失去焦点)等。SetFocus和GotFocus分别是方法...

    JavaScript网页特效范例宝典源码

    实例222 改变图片获取焦点时的状态 345 实例223 抖动的图片 346 实例224 鼠标移动放大图片 347 8.3 图片与时间相关操作 349 实例225 定时隐藏图片 349 实例226 根据时间变换页面背景 350 实例227 使图片不停闪烁 352...

    jquery实现微博文字输入框 输入时显示输入字数 效果实现

    而“divShowNum”则设置了字体大小、宽度、高度、边框样式以及内边距,并且还设置了display属性为none,这说明在页面初始加载时,显示字数的div默认是不显示的。另外,该div被定义为绝对定位,以便能够在页面上灵活...

    VB6.0源码示例之 定制自已的提示栏

    当控件获得焦点时,提示栏显示与其`Tag`属性相关的文本。 - **编写事件处理程序**:为控件添加`MouseHover`和`MouseLeave`事件处理程序。在`MouseHover`事件中,显示工具提示;在`MouseLeave`事件中,隐藏工具提示...

    VB工资管理系统-开题报告.docx

    - **命令按钮**:Caption属性定义按钮文字,Enable控制启用状态,Appearance决定3D效果,Backcolor设置背景色,Cancel和Default属性分别指定取消和默认按钮,Font调整字体,Left、Top、Height、Width设置位置和大小...

    精品JS代码收藏大全

    - **说明**:这段代码定义了一个函数`cc`,用于在文本框获得焦点时自动将光标移动到文本末尾。这对于提高用户体验、简化用户操作很有帮助。 ### 14. 获取前一个页面地址 - **代码示例**: ```html javascript: ...

    jQuery响应鼠标事件并隐藏与显示input默认值

    当用户点击(获得焦点)input元素时,如果当前的值与默认值相同(即用户尚未输入任何内容),则清空该元素的值,从而使默认提示文字消失;而当用户离开(失去焦点)该元素时,如果input元素为空,则将默认值重新填充...

    C#程序开发范例宝典(第2版).part13

    实例099 控件得到焦点时变色 142 实例100 控件的输入限制 143 2.12 特殊控件 144 实例101 为控件制作立体效果 144 实例102 获取控件名称和内容 145 第3章 组件应用 147 3.1 BackgroundWorker组件 148 实例...

    C#程序开发范例宝典(第2版).part08

    实例099 控件得到焦点时变色 142 实例100 控件的输入限制 143 2.12 特殊控件 144 实例101 为控件制作立体效果 144 实例102 获取控件名称和内容 145 第3章 组件应用 147 3.1 BackgroundWorker组件 148 实例...

Global site tag (gtag.js) - Google Analytics