通常用户在搜索内容时，在文本框输入内容前，文本框都会给出默认提示，提示用户输入正确的内容进行搜索。
当文本框获得焦点，如果文本框内容跟提示内容一样，提示内容会自然消失。
当文本框没有任何值并失去焦点，文本框内容会重新生成默认提示。
为了实现上面的需求，代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Recipe1.aspx.cs" Inherits="Recipe1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Recipe1</title>
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<style type="text/css">
.defaultText
{
font-style: italic;
color: #CCCCCC;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
var searchBox = $("#<%=txtSearch.ClientID %>"); // 通过ClientID获取服务器控件ID
searchBox.focus(function () {
if (searchBox.val() == this.title) { // TextBox控件ToolTip属性转换为Html为title属性
searchBox.val("");
searchBox.removeClass("defaultText");
}
});
searchBox.blur(function () {
if (searchBox.val() == "") {
searchBox.val(this.title);
searchBox.addClass("defaultText");
}
});
searchBox.blur();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<p>
</p>
<div align="center">
<fieldset style="width: 400px; height: 80px;">
<p>
<asp:TextBox ID="txtSearch" runat="server" Width="200px" CssClass="defaultText" ToolTip="请输入搜索的关键字"></asp:TextBox>
<asp:Button ID="btnSearch" runat="server" Text="搜索" /></p>
</fieldset>
</div>
</form>
</body>
</html>
显示效果：
转载：http://www.cnblogs.com/iamlixin/archive/2012/01/08/2316395.html
相关推荐
在IT行业中，用户体验是至关重要的一个方面，而“文本框默认提示文字”就是提升用户体验的一种常见设计策略。这种设计主要用于引导用户输入信息，通过在文本框内预设一些提示性文字，来帮助用户理解该输入区域的目的...
在本主题中，我们关注的是一个特定的jQuery特效：在文本框（input）中显示描述文字，当用户开始输入时这些文字会消失。这个功能常见于许多表单设计中，用于提示用户输入内容的类型或者格式，提供更好的用户体验。 ...
"jQuery文本框输入文字计数显示代码.zip" 提供了一个解决方案，帮助开发者创建一个能够实时显示输入字符数的文本框，以此来限制用户的输入长度，提升用户体验，特别是在需要用户填写特定字数限制的表单场景下。...
《jQuery文本框字符限制插件——优化用户输入体验的实用工具》 在网页设计和开发过程中，有时我们需要对用户在文本框（TextArea）中的输入进行限制，以保证数据的规范性和一致性。例如，在评论区、表单填写等场景，...
《jQuery文本框字符限制插件详解》 在网页设计中，常常需要对用户输入的文本进行长度限制，以保持页面的整洁和数据的一致性。jQuery作为一种强大的JavaScript库，提供了丰富的功能来帮助开发者实现这样的需求。本文...
### 修改jQuery Validate默认错误提示显示位置 在网页开发过程中，表单验证是非常重要的一个环节，它不仅能够提高用户体验，还能确保数据的有效性和安全性。jQuery Validate插件是实现表单验证功能的一个强大工具，...
总结，实现文本框默认灰色文本的方法主要依赖于HTML5的`placeholder`属性和jQuery库，但在处理浏览器兼容性和网络环境时需谨慎，以确保所有用户都能获得一致的体验。同时，考虑到性能优化，合理使用资源和代码组织...
请注意，这里的"默认文字"应该替换为实际的提示文字。此外，如果希望仅改变文字颜色而不涉及其他样式变化，可以在CSS中设置文本框的初始颜色，并在聚焦时调整颜色。例如： ```css #searchInput { color: gray; /* ...
js代码 [removed] //显示限制输入字符method function textAreaChange(obj){ ... var count_total = $this...jQuery textarea文本框输入文字字数限制提示代码，设置固定输入字符，实时计算显示已经输入多少字符。
在ASP.NET开发中，我们经常需要为用户界面提供友好的提示信息，比如在文本框（TextBox）中显示默认的提示文字。这样的功能可以提高用户体验，因为它在用户输入前提供了清晰的指引。本篇文章将深入探讨如何在ASP.NET...
首先，`Jquery 限制文本框录入长度（字符或字节）实例`这个标题暗示我们将探讨一个具体的实践案例，该案例通过 jQuery 监听文本框的输入事件，实时计算剩余可输入的字符或字节数，并在超出限制时阻止进一步的输入。...
这个版本在版本一的基础上增加了一个功能：当文本框内有默认内容（通常是提示信息）时，获得焦点后默认内容会消失，而失去焦点且未输入任何内容时，又会恢复默认内容。这里的逻辑是利用 `.val()` 方法获取和设置元素...
当input失去焦点时 会判断输入值与默认值是否一致 如果一致（或空）则再次显示默认提示信息 若不一致（已输入信息）则input值为所输入值 3 此插件是jquery插件 调用方式为 $ "#xxx" autoTip ; 并可以指定...
在上述代码中，我们使用了JQuery的`$.extend()`方法来合并默认选项和传入的自定义选项。`this.each()`遍历匹配的选择器，对每个文本框执行相应的操作。通过监听`blur`和`focus`事件，我们可以在用户与输入框交互时...
在本文中，我们将深入探讨如何使用jQuery来创建一个功能性的输入文本框，使得用户在输入文字后按回车键能够自动生成标签。这种交互式的标签系统常见于许多社交媒体平台和内容管理系统，它允许用户轻松地分类和组织...
本压缩包“一款jquery text文本框添加删除标签代码.zip”提供了一种实现用户在文本框中动态添加和删除标签的功能。这种功能常见于各种社交平台、论坛或者评论系统中，允许用户输入标签并实时显示，同时可以方便地增...
Jquery实现仿搜索引擎文本框自动补全插件功能很实用，使用也很简单，引入了插件之后写几行代码就可以实现，可以灵活设置 //width:下拉框的宽度，默认使用输入框宽度、用来ajax后台获取数据，返回的数据格式为data...
1. **禁用状态的样式**：禁用状态的文本框通常会呈现一种不可编辑的灰色样式，这是浏览器的默认行为，可以通过 CSS 自定义禁用元素的样式。 2. **事件绑定**：禁用的文本框不会触发任何用户交互事件，如 `focus`、`...
在描述中提到的jQuery插件，是一种预设功能的扩展，可以增强文本框的功能，例如在文本框未被聚焦时显示默认的提示信息。这种提示信息通常被称为“占位符”或“水印”，会在用户开始输入时自动消失，帮助用户理解应该...
在网页开发中，有时我们需要实现一个功能，让用户在文本框（input type="text"）中自动选择一部分文字，比如默认的提示信息。这个功能在很多场合都很实用，比如登录页面的用户名或密码输入框，可以预设一些提示文字...