`
橄榄绿
  • 浏览: 273077 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

鼠标点击文本框内文字就消失

 
阅读更多
<html>
<head>
<title>鼠标点击文本框后，里面的文字就消失或全选中</title>
</head>
<body>
鼠标点击文字消失：<input name="textfield" style="color:#CCC;"  type="text" value="点击文字消失" size="12" onclick="value='';focus()" />
<br/> <br/>
鼠标点击文字选中：<input name="textfield" type="text" value="点击文字选中" size="12" onclick="focus();select()" />
<br/><br/>
<input name="key" type="text" id="key" value="关键词" size="30" onmouseover=this.focus();this.select();  onclick="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999" />
</body>
</html>

分享到：
| 调用google接口
评论
发表评论

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

相关推荐

    鼠标触发文本框

    邮箱和密码文本框，默认有文字提示，当鼠标点击文本框时触发事件，是的文本框内文字消失

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

    制作点击输入框时默认文字消失的效果 01-鼠标移动上去，边框变红第一种方法 02-鼠标点击选中输入框中的提示信息 03-鼠标移动上去，边框变红第二种方法，鼠标点击选中输入框中的提示信息 04-鼠标点击输入框，提示...

    input文本框里面显示提示信息

    input文本框里面显示提示信息，鼠标点击文本框提示信息自动消失！

    asp.net后台实现文本框提示文字

    当鼠标点击时提示文字消失，离开后又出现，提示文字时灰色字体，输入文本时时黑色字体

    点击提示框提示信息消失

    当鼠标点击文本框，提示信息消失 提示信息框,最多允许输入150个汉字 &lt;textarea id="info" rows="5" cols="50" &lt;/div&gt;

    JS实现输入框提示文字点击时消失效果

    主要介绍了JS实现输入框提示文字点击时消失效果,涉及javascript针对鼠标的响应及事件监听机制相关技巧,需要的朋友可以参考下

    C#源代码 实现在窗体的状态栏中添加一个复选框，当你用鼠标勾选的时候它会出现一行提示文字，反之文字消失

    C#源代码 实现在窗体的状态栏中添加一个复选框，当你用鼠标勾选的时候它会出现一行提示文字，反之文字消失

    在文本框中提示用户应该输入内容格式的方法

    希望达到的效果： 方法一：鼠标点击文本框时文字消失 复制代码代码如下: &lt;input id=”login_name” type=”text” onblur=”[removed]check_login_name();” onfocus=”if(this.value==’支持英文及数字组合’) ...

    Js制作点击输入框时默认文字消失的效果

    从用户体验的角度出发，简化用户使用步骤，让用户用得更方便就是提高了易用性，例如当鼠标悬浮在输入框时改变输入框颜色、自动选中输入框中的默认文字，或者点击输入框时自动清除默认内容等等。 这个效果听起来复杂...

    javascript网页特效实例大全

    7.20 选中文本框中的全部文字 192 7.21 按钮上的滚动文字 193 7.22 从天而降的文字 194 7.23 鼠标悬停显示提示文字 200 第8章 页面类特效 203 8.1 下雨的页面效果 204 8.2 网页中的loading条 206 8.3 页面的...

    js技巧200多例 帮助你完成更好的js效果

    (value=='''') {value=''郭强''}"&gt;点击时文字消失，失去焦点时文字再出现 2.网页按钮的特殊颜色 郭强" size=10 class=s02 style="background-color:rgb(235,207,22)"&gt;3.鼠标移入移出时颜色变化找吧" name="B1" ...

    js技巧代码

    (value=='') {value='mm'}"&gt;点击时文字消失，失去焦点时文字再出现 2.网页按钮的特殊颜色 郭强" size=10 class=s02 style="background-color:rgb(235,207,22)"&gt; 3.鼠标移入移出时颜色变化 找吧" name="B1" ...

    《程序天下：JavaScript实例自学手册》光盘源码

    4.4 点击鼠标右键到指定页 4.5 鼠标放到图片上会显示另外一张图片 4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12...

    程序天下:JavaScript实例自学手册

    4.4 点击鼠标右键到指定页 4.5 鼠标放到图片上会显示另外一张图片 4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12...

    mv新年好描述新年的效果

    ”文字，点击鼠标右键选择“分离”，这样就把“歌词1”元件中的文字转换成了图形。 （2）同样的方法，把“库”中的“歌词2”、“歌词3”、“歌词4”、“文字-新年好”、“文字2”元件中的文字都进行分离转换成图形。...

    200多个实用JS代码

    (value=='') {value='mm'}"&gt;点击时文字消失，失去焦点时文字再出现 2.网页按钮的特殊颜色 郭强" size=10 class=s02 style="background-color:rgb(235,207,22)"&gt; 3.鼠标移入移出时颜色变化 找吧" name="B1" ...

    AutoPlay_Menu_Builder6.0.1328注册版

    如果需要同时选定多个控件，可以按住 SHIFT 键并点击需要选定的控件，也可以在窗口空白处按下鼠标画出矩形来选定一个范围内的控件。 　删除控件选定需要删除的控件，然后点击菜单编辑-&gt;删除，或者工具栏上的删除按钮...

    AutoPlay_Menu_Builder5.5.0.1328注册版

    如果需要同时选定多个控件，可以按住 SHIFT 键并点击需要选定的控件，也可以在窗口空白处按下鼠标画出矩形来选定一个范围内的控件。 　删除控件选定需要删除的控件，然后点击菜单编辑-&gt;删除，或者工具栏上的删除按钮...

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