`
shirlly
  • 浏览: 1646394 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

文本框中加入文字提示

 
阅读更多
HTML
<input type="text" name="keywords" id="keywords" class="watertext" onclick="javascript:clearDefaultValue();" onblur="javascript:setDefaultValue()"/>


CSS
.watertext{ color:#999999;}


javascript
<script type="text/javascript">

    function clearDefaultValue() {
        var value = $("#keywords").val();
        if (value == "请输入关键词或商家名称") {
            $("#keywords").val("");
            $("#keywords").removeClass("watertext");
        }
    }
    function setDefaultValue() {
        var value = $("#keywords").val();
        if (value == "") {
            $("#keywords").val("请输入关键词或商家名称");
            $("#keywords").addClass("watertext");
        }
    }
</script>
分享到:
评论

相关推荐

    仿google自动提示的文本框

    前几天写的DropDownList无刷新二级联动控件受到大家的欢迎,本人感到很欣慰。...另外控件加入了Cache缓存技术,依赖输入文字进行了缓存。 PS:感谢“风云”高手对我的大力支持。为我解决了很多难题。

    jQuery textarea文本框输入文字字数限制提示特效代码

    本教程将详细讲解如何使用jQuery实现textarea文本框的文字字数限制及实时提示功能。 首先,我们需要在HTML中创建一个textarea元素,用于用户输入文本,并添加一个用于显示剩余字数的元素。例如: ```html 请输入...

    Qt 控件 实现 QComboBox输入自动提示功能(仿Google搜索提示)

    当用户在文本框中输入文字时,我们可以监听`currentIndexChanged(const QString &text)`或`editTextChanged(const QString &text)`信号,这两个信号会在文本改变时触发。当信号被触发时,我们可以通过槽函数来处理新...

    python GUI库图形界面开发之PyQt5单行文本框控件QLineEdit详细使用方法与实例

    为了增强用户体验,`setPlaceholderText()`方法可以用来设置提示文字,当文本框为空时显示。`setMaxLength()`限制了用户最多能输入的字符数,防止过长的文本输入。`setReadOnly()`可将文本框设置为只读,用户只能...

    EdittextTip:输入框提示 文本框 EditText

    在 `Java` 代码中,我们可以获取并操作 `EditText` 对象,如改变提示文字、获取用户输入的文本等: ```java EditText editText = findViewById(R.id.edit_text); // 设置提示文字 editText.setHint("新的提示信息...

    javascript之文本框输入四个数字自动加空格的脚本

    文件标题中提到的“javascript之文本框输入四个数字自动加空格的脚本”指的是使用JavaScript语言编写的一个功能,即自动在用户输入的数字中每四个数字后面加入一个空格。 2. HTML文本框:HTML文本框是一种表单元素...

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

    - 避免在默认提示中暴露敏感信息。 - 考虑到潜在的XSS攻击风险,应对用户输入进行适当的验证和转义。 通过以上方法,我们可以有效地实现输入框默认值的功能,从而提升用户体验,同时确保代码的健壮性和安全性。

    为TextBox装饰水印与(blur和focus)事件应用

    为了使文本框在用户未输入时更具有提示性和美观性,开发者经常会在文本框中加入水印效果。本文将围绕如何使用JavaScript为文本框添加水印效果以及如何结合文本框的blur(失去焦点)和focus(获得焦点)事件来实现...

    标题 文本 并列.pptx

    通过创建和编辑文本框,用户可以在演示文稿中加入个性化的文字信息。此外,文件中的示例文本不仅为用户提供了一个直观的参考指南,还能激发创意,帮助用户更好地准备和呈现其演示内容。在实际应用中,掌握这些技巧将...

    Axure夜话之程序员眼中的原型设计视频教程之剩余字符数提示.rar

    此外,压缩包中的"Axure夜话学习交流群.txt"可能是一个加入Axure学习交流群的链接,供学习者讨论和分享经验。"爱上原型Axure.url"和"老二牛车教育.url"可能是相关学习资源网站的快捷方式,提供更多的Axure教程和课程...

    兼容firefox的文本框只能输入两位小数的数字的代码

    但对于外部引用的JavaScript文件,确实可能需要刷新页面才能执行,因为浏览器会缓存外部资源,除非在脚本引用中加入版本号或其他缓存破坏的参数。 知识点六:Web开发中的OCR技术应用 由于部分内容提到文章是通过OCR...

    jQuery实时计算并提示用户输入字数功能源码.zip

    如果剩余字数为负值,可能需要改变提示文字的颜色或样式以提醒用户已超过字数限制: ```javascript if (remainingChars ) { $("#remainingCount").addClass("over-limit"); } else { $("#remainingCount")....

    VB 滚动字幕(窗体美化)

    在VB(Visual Basic)编程环境中,滚动字幕是一种常见的用户界面元素,用于显示动态更新的信息,比如新闻更新、公告或者提示信息。窗体美化则是为了提高应用程序的视觉吸引力和用户体验,通过各种方法来定制和优化...

    JavaScript网页特效范例宝典源码

    实例059 自动选择文本框/编辑框中的文字 102 实例060 按下回车键时自动切换焦点 103 2.2 下拉列表/菜单 104 实例061 获取下拉列表/菜单的值 104 实例062 遍历多选择下拉列表 105 实例063 在下拉列表中进行多选移除 ...

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

    3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 3.39 实现textarea的自动滚动 3.40 使用marquee实现文字上下滚动 3.41 类似安装效果的textarea滚动 3.42 始终显示在最...

    将阿拉伯数字转成中文字的程式

    ### 将阿拉伯数字转成中文字的VB程式 #### 知识点概述: 本文将详细介绍一个用Visual Basic(简称VB)编写的程序,该程序的主要功能是将输入的阿拉伯数字转换为对应的中文大写形式。这在财务系统、合同文件等场景...

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

    3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 3.39 实现textarea的自动滚动 3.40 使用marquee实现文字上下滚动 3.41 类似安装效果的textarea滚动 3.42 始终显示在最...

    为密码文本框要求不可粘帖字符串只可手动输入(附演示动画)

    为了实现这一目标,开发者可以在密码文本框的HTML代码中加入`onpaste`事件处理器,并在其中编写JavaScript代码来阻止粘贴操作。具体来说,当`onpaste`事件被触发时,执行`return false;`语句,这样就可以取消粘帖...

Global site tag (gtag.js) - Google Analytics