`
java-admin
  • 浏览: 1384205 次
  • 性别: Icon_minigender_1
  • 来自: 陕西.西安
社区版块
存档分类
最新评论

JS-- 输入框聚焦,点击时清空文本框

阅读更多

 

http://163navy.blog.163.com/blog/static/105304086200961535837896/

 

 

<title>输入框聚焦,点击时清空文本框</title>
<input size="30" maxlength="100" value="/"  onMouseOver="this.focus()" onMouseOut="if(this.value=='')this.value='/';" onFocus="this.select()" onClick="if(this.value=='/')this.value=''">

分享到:
评论

相关推荐

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

    在JavaScript编程中,有时我们需要为输入框(input)设置一种特殊的行为,比如当用户点击输入框时,预设的文字消失,而当用户离开输入框(失去焦点)时,这些文字又重新出现。这种功能常见于搜索框或者密码输入等...

    js jquery 自动在文本框提示信息

    当文本框失去焦点且内容仍为提示信息时,我们清空文本框;当文本框内容发生变化时,如果用户输入了内容,我们就隐藏原有的 `placeholder` 提示。 以上就是一个基本的 jQuery 自动提示信息实现。为了使代码更具可...

    jquery注册文本框获取焦点清空,失去焦点赋值的简单实例

    // 清空文本框的值 $(this).val(""); } }); // 当文本框失去焦点时 $("#account").blur(function() { var account_value = $(this).val(); // 如果文本框的值为空 if (account_value == "") { // 将提示...

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

    当用户点击文本框时,如果`placeholder`属性有值,就将其清空,从而达到提示信息消失的效果。 总结起来,`input`文本框内的提示信息通过`placeholder`属性实现,而点击即消失的功能则需要JavaScript辅助完成。这种...

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

    - 如果是提示文字,则清空文本框内容(即将其值设置为空字符串`''`)。 - 并且改变文本框的类名,使其实现样式变化。 - 在文本框失去焦点(`onblur`)时,判断其当前内容是否为空: - 如果为空,则将提示文字重新...

    JavaScript如何实现在文本框(密码框)输入提示语

    本文将详细讲解如何使用JavaScript实现在文本框(尤其是密码框)中显示输入提示语,同时解决在不同浏览器中的兼容性问题。 首先,我们要解决的是密码框无法直接显示提示文字的问题。在密码框`...

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

    当文本框被点击时,`click`事件的回调函数会被执行,清空文本框的值,从而隐藏提示文字。而当文本框失去焦点(`blur`事件触发)时,回调函数会将文本框的值设置回默认的提示文字,确保用户再次聚焦此文本框时能看到...

    javascript自动恢复文本框点击清除后的默认文本

    例如,在示例代码中,当用户点击ID为`username`的文本框时,`onclick`事件处理函数会被调用,检查文本框的值是否为默认文本,如果是,则将其清空,并重新聚焦文本框,以便用户可以直接输入。 ```html 请输入您的...

    登录不弹框提示保存密码.不自动填充.文本框不拉选择

    一种方法是使用JavaScript监听`focus`事件,当用户聚焦到用户名输入框时,立即清空值并触发输入事件,以消除下拉历史: ```javascript document.getElementById('username').addEventListener('focus', function(e)...

    删除文本框内容的实用jquery插件addclear.zip

    失去焦点或点击清除按钮时,文本框内容会被清空,同时隐藏清除按钮。以下是一个简单的示例: ```javascript (function($) { $.fn.addClear = function(options) { return this.each(function() { var input = $...

    站长常用的200个js代码

    - 这段代码实现了当用户点击文本框时,如果文本框内的值为“郭强”,则清空文本框;而当用户离开文本框时,如果文本框为空,则自动填入“郭强”作为提示信息。 ### 2. 按钮样式调整 - **颜色设置**: 可以通过设置...

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

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

    网页JS200多实例

    这里,当文本框获得焦点时,如果其值为“ǿ”,则清空其值。 - **`onChange`**: 当元素的值发生改变时触发。常用于表单元素如下拉列表或复选框。 - **`onSelect`**: 当用户选择文本时触发。可以用来创建高亮或复制...

    js技巧200例

    例如,当用户点击文本框,如果其默认值是“郭强”,则会清空文本框内容;当用户点击页面其他地方,文本框失去焦点时,如果用户没有输入任何内容,将恢复默认值“郭强”。 2. **网页按钮的特殊颜色**:通过CSS样式,...

    200个JS技巧代码

    例如,当用户点击文本框时,如果初始值为"mm",则会清空内容;当用户离开文本框(失去焦点)时,如果内容为空,又会自动填充回"mm"。 2. 网页按钮的特殊颜色:通过CSS样式,可以自定义按钮的颜色,如设置背景色为...

    JS精彩231例共64页.doc

    13. 线型输入框:`onFocus` 使文本框自动获取焦点并全选内容,`onMouseOver` 使得鼠标悬停时文本框自动聚焦。 14. 显示文档最后修改日期:`document.lastModified` 返回文档的最后修改时间,可通过函数显示或弹窗...

    jquery text文本框搜索段落文本关键词文字高亮显示

    本主题聚焦于利用jQuery实现一个功能:在文本框输入关键词后,自动搜索页面中的段落文本,并高亮显示匹配到的关键字。这个功能在很多场合都非常实用,比如搜索引擎结果预览、文档阅读器或在线教育平台。 首先,我们...

    javascript200例.doc

    例如,文本框初始值为"郭强",当用户点击文本框时,内容清空;离开文本框时,若内容为空,"郭强"会再次显示。 2. **按钮样式自定义**:可以使用CSS来改变按钮的外观,如设置背景色、边框宽度和颜色。例如,创建一个...

Global site tag (gtag.js) - Google Analytics