input文本框鼠标点击默认值消失,不输入离开鼠标恢复默认值

最新推荐文章于 2024-07-09 17:58:05 发布

置顶 zhangqifeng92

最新推荐文章于 2024-07-09 17:58:05 发布

阅读量1w

点赞数 6

分类专栏： javaScript/Jquery Html/css 文章标签： input 鼠标点击事件鼠标离开消失

本文链接：https://blog.csdn.net/s592652578/article/details/52753964

版权

javaScript/Jquery 同时被 2 个专栏收录

21 篇文章 1 订阅

订阅专栏

Html/css

11 篇文章 0 订阅

订阅专栏

1.input:

<input name="textfield" type="text" value="点击添入标题" οnfοcus="if (value =='点击添入标题'){value =''}"οnblur="if (value ==''){value='点击添入标题'}"/>

2.textarea:

<textarea name="textarea" cols="80" rows="17" οnfοcus="if(value=='正文：'){value=''}" οnblur="if (value ==''){value='正文：'}"></textarea>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhangqifeng92

关注关注

6
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法

10-22

但当用户点击这个文本框后，我们希望默认提示文本被清空，以便用户可以输入自己的信息。当用户输入的内容被删除后，如果文本框失去焦点，我们希望默认提示文本能够重新显示。这种交互行为能够为用户提供一个清晰的...

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

10-25

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

参与评论您还未登录，请先登录后发表或查看评论

js案例焦点事件。（当鼠标点击输入框,默认值消失,密码验证）

2303_76379956的博客

04-09

305

时，同时用户没有在输入框里输入任何数据，让输入框的value值变为输入。时让输入框的value值清空，当鼠标。onfocus（获得焦点）onblur（失去焦点）

文本框默认值 单击后自动消失

司刚军的个人专栏

03-27

1717

var s=document.getElementById("s"); s.onfocus=function(){ if(this.value==this.defaultValue) this.value='' }; s.onblur=function (){ if(/^\s*$/.test(this.value)){ this.value=this.defaultValue; t

input框默认值的设置

最新发布

szzlh123456789的博客

07-09

163

【代码】input框默认值的设置。

点击input，value值消失

flyqingfei的博客

03-13

9394

这是默认的状态：这是点击后的状态：

JS文本框默认值处理详解

10-27

JS文本框默认值处理是前端开发中常见的一种需求，它涉及到在用户与页面进行交互时，对文本框的初始内容进行动态调整，以提升用户体验。在这篇文章中，我们将详细解释如何使用JavaScript来处理文本框的默认值。首先...

文本框设置默认值和验证提交

11-11

为提供更好的用户体验和数据完整性，我们需要对文本框进行默认值的设置以及提交时的数据验证。本文将详细讲解这两个关键点。一、文本框设置默认值 文本框的默认值可以通过HTML属性`value`来设定。例如，如果我们...

input之怎么清除默认值

01-19

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]这样子好像还是有些问题的,当我输入了之后,移开鼠标是不会还原成原来的默认值,可如果我要修改我的输入的话,就不行了.鼠标点上去,input又被清空了 [Ctrl+A 全选注:...

输入框未输入时，显示默认值，当鼠标点击这个输入框时默认值消失

jiangzh1982的专栏

03-20

1105

<ww:textfield name="searchresource" size="5" onfocus="this.value=''" value="资源搜索"/> 通过使用onfocus="this.value=''"，对这个效果进行设定

HTML5里的placeholder属性

11-05

1435

HTML5里新引入很多有趣的新特征；有些体现在HTML里，有些是JavaScript API，全部非常的有用。其中我最喜欢的一个特征就是文本框(INPUT)里的placeholder属性。placeholder属性能够让你在文本框里显示提示信息，一旦你在文本框里输入了什么信息，提示信息就会隐藏。你以前可能无数次看到这种效果，但那些大部分是用JavaScript里实现的，而现在，HTML5提供了原生

Html中输入框、文本框点击消失默认的字体

majunzhu的博客

03-28

9450

转：http://blog.sina.com.cn/s/blog_6d4bbf9b0100yp8n.htmlTextarea 单击鼠标清除默认字点击文本域默认内容消失点击文本框 删除预置内容在留言框、搜索栏或者Email订阅栏中有一段默认的文本，比如“请输入您的内容”，如果你在其中点击（窗体获取焦点），这段默认的文本就会自动消失。1．添加代码方式：<head>….<scr...

input表单文本内容鼠标点击消失，鼠标移走恢复

weixin_30698527的博客

03-12

355

第一种，最简单的办法就是直接在input表单里加上 onfocus="this.value=''" onblur="this.value=''"即<input type="text" value="1111" onfocus="this.value=''" onblur="this.value='1111'"/> 第二种，用jquery实现：(网上找的例子) js：代码 ...

让输入框显示默认内容

依旧00的专栏

01-01

3740

在最近的一个网站项目中用到了搜索框和文本框，感觉网上那种文本框中有默认内容，当鼠标点击时消失的效果很不错就用到了自己的项目中。以下是源码： function clearDefault(el) { if (el.defaultValue==el.value) el.value = “” } 初始值是非空的：点击文本域上方

input输入框默认文字，点击消失

weixin_30367543的博客

01-16

546

<input type="text" value="请输入用户名" onfocus="if(value=='请输入用户名') {value=''}" onblur="if (value=='') {value='请输入用户名'}"> <html> 　　<head> 　　<title>input test</title> 　　...

用JQuery写的文本框初始值消失的方法

wal1314520的博客

06-26

741

学习JQuery后，自己写的一个简单的文本框初始值消失的方法，提示（hint）会在输入域为空时显示出现，会在输入域获得焦点时消失，代码如下： $(document).ready(function() { var $obj = $("input[type='text']"); //文本框初始值消失的方法 //提示（hint）会在输入域为空时显示出现，会在输

恢复input之前的值（意思是，修改了input,但不用form的reset方法，单个恢复input修改前的值）

c_4818的专栏

11-02

1650

var productCodeObj =document.getElementById("detailId_PRODUCTCODE"); if("exsit"==msg) { alert("产品编号已经存在,请重新录入! "); }else if("hasLogicDelete"==msg) {

html设置文本框默认值

03-01

例如，以下是一个设置文本框默认值的示例： ```html <input type="text" value="默认值"> ``` 在上面的示例中，`<input>`标签的`type`属性设置为"text"，表示创建一个文本输入框。`value`属性设置为"默认值"，这将...

input文本框 鼠标点击默认值消失,不输入离开鼠标恢复默认值

input文本框鼠标点击默认值消失,不输入离开鼠标恢复默认值