`
zjx2388
  • 浏览: 1329023 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

点击input默认值消失

    博客分类:
  • Page
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>index.html</title>

	</head>

	<body>

		<input type="text" id="test" value="xxx@xxx.com" style="color: gray;"
			onkeypress="this.style.color='black';" />
			
			
		<hr />
		点击input默认值消失
		<br />

		input:
		<br />
		<input name="textfield" type="text" value="点击添入标题" style="color: gray;"
			onfocus="if (value =='点击添入标题'){value =''}"
			onblur="if (value ==''){value='点击添入标题'}" />
		<br />
		textarea:
		<br />
		<textarea name="textarea" cols="80" rows="17"
			onfocus="if(value=='正文:'){value=''}"
			onblur="if (value ==''){value='正文:'}"></textarea>

	</body>
</html>

 

分享到:
评论

相关推荐

    点击输入框默认文字消失效果

    根据给定文件的信息,本文将详细探讨如何实现“点击输入框默认文字消失”的效果,并结合提供的代码示例,深入分析四种不同的实现方式及其工作原理。 ### 知识点一:鼠标移动上去,边框变红(第一种方法) 在网页...

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

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

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

    要实现文本框点击时文字消失,失去焦点时文字出现的功能,必须使用JavaScript来监听input元素的事件。主要是`focus`事件和`blur`事件,`focus`事件在元素获得焦点时触发,而`blur`事件在元素失去焦点时触发。 ### ...

    javascript和jquery实现设置和移除文本框默认值效果代码

    当用户点击输入框或输入内容时,提示信息会自动消失。但是,在旧版浏览器中不支持placeholder属性,因此,我们需要通过JavaScript或jQuery来实现兼容性的解决方案。 在JavaScript中,我们可以通过为input元素添加...

    26个JQuery使用技巧

    为了提高用户体验,很多网站会在输入框中预设一些提示文字,当用户开始输入时这些文字会自动消失。使用jQuery可以轻松实现这样的效果。以下是一个具体的实现方法: ```javascript $(document).ready(function(){ $...

    html5定制表单_动力节点Java学院整理

    此外,`value`属性可以设置输入框的初始值,而`placeholder`属性则用于提供输入提示,显示在输入框内,当用户点击或输入内容后消失。如: ```html &lt;label for="name"&gt;Name: &lt;input placeholder="Your name" id=...

    Html5的placeholder属性(IE兼容)实现代码

    这个提示文本会在用户输入之前显示,通常以淡化的颜色呈现,一旦用户点击或聚焦到输入框,提示文本就会自动消失。在Firefox、Google Chrome等现代浏览器中,`placeholder`属性得到了良好的原生支持,但遗憾的是,...

    设置搜索框的默认文字当鼠标单击时该默认文字消失

    本例介绍如何通过JavaScript和HTML来设置一个搜索框,使得当用户点击搜索框时,默认的文字消失,而当用户离开搜索框(失焦)时,如果未输入任何内容,该默认文字会再次出现。这个功能可以提供更好的用户体验,因为...

    javascript对话框使用方法(警告框 javascript确认框 提示框)

    ”的警告框,用户点击“确定”后警告框消失,程序继续执行。 2. 确认框(确认框) 确认框则允许用户做出选择,通常是确认或拒绝某个操作。确认框有两个按钮:“确定”和“取消”。如果用户点击“确定”,`confirm...

    关于表单的两点交互体验改进技巧

    另一个常见的交互改进是在输入框内预设提示文本,但当用户点击输入框时,提示文本应立即消失,让用户能够清楚地看到输入区域。这可以通过JavaScript的`onfocus`事件来实现。 在`&lt;input&gt;`标签中,可以设置一个...

    jQuery 文本框得失焦点的简单实例

    在网页中,焦点是指用户当前操作的元素,例如鼠标点击或键盘输入的焦点所在。当用户在文本框内输入时,该文本框就获得了焦点;当用户离开文本框,焦点就会转移到其他元素,此时文本框失去了焦点。 在标题提及的...

    html 文本框(text)不可用只读的多种实现方法

    两种写法效果相同,`readonly="true"`是冗余的,因为`readonly`本身就是布尔属性,只要有这个属性存在,其默认值就是`true`。 ### 方法三:CSS隐藏 通过设置`style="display:none"`,可以将文本框完全隐藏,虽然...

    用JavaScript实现对话框的教程

    它会弹出一个小窗口,里面包含了消息文本,并且只有一个按钮“确定”,用户点击该按钮后,对话框消失。Alert对话框的使用方法非常简单,只需要调用JavaScript中的alert函数,并传递需要显示的字符串作为参数即可。...

    JS中confirm,alert,prompt函数使用区别分析

    `alert`函数是最简单的弹窗函数,它能够向用户显示一个带有消息的警告框,并且在用户点击“确定”按钮之前,警告框不会消失。`alert`函数接受一个参数,通常是需要向用户展示的信息,这个信息可以是字符串、数字甚至...

    html左右布局示例代码

    这个输入框在点击时清空其值,并聚焦到输入框,当失去焦点且值为空时,恢复默认值“点击文字消失”。 总结来说,左右布局是通过HTML和CSS共同实现的。在这个示例中,我们使用了浮动布局,但现代Web开发更倾向于使用...

    用js实现控件的隐藏及style.visibility的使用

    3. `collapse`:通常用于表格,使得整个行或列消失,同时其他行或列会调整以填补空白。在非表格上下文中,大多数浏览器将其解释为`hidden`。 在给出的代码片段中,我们有两个按钮,分别对应“隐藏文本”和“显示...

    jQuery详细教程

    如果点击“隐藏”按钮,我就会消失。 隐藏 显示 hide() 和 show() 都可以设置两个可选参数:speed 和 callback。 语法: $(selector).hide(speed,callback) $(selector).show(speed,callback) speed 参数规定显示...

    js显示文本框提示文字的方法

    在页面中,我们使用`&lt;input type="text"&gt;`标签创建多个文本输入框,并为每个文本框设置默认值,即提示文字。为了美化页面并突出提示文字,我们使用了CSS样式。例如,我们定义了`input`类来统一设置文本框的宽度、...

    jquery获取焦点和失去焦点事件代码

    在给定的标题和描述中,我们关注的是如何使用jQuery来处理输入框(input)的焦点和失焦事件,特别是在搜索框中的应用,当用户点击搜索框时,预设的文字消失,用户开始输入;而当用户离开搜索框时,如果未输入任何内容...

Global site tag (gtag.js) - Google Analytics