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

点击input默认值消失

    博客分类：
  • Page
HTML 
阅读更多 
<!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>

 

分享到：
| JavaScript检测上传文件类型
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

    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)的焦点和失焦事件，特别是在搜索框中的应用，当用户点击搜索框时，预设的文字消失，用户开始输入；而当用户离开搜索框时，如果未输入任何内容...

Magicbox
Global site tag (gtag.js) - Google Analytics