欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【asp.net使用jquery实现搜索框默认提示功能】，下面是详细的讲解！
asp.net使用jquery实现搜索框默认提示功能
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.Default" %>
<!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></title>
<script src="jquery-1.8.2.min.js" type="text/javascript"></script>
<link href="Base.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.text
{
border: #0a8fda solid 1px;
color: #cccccc;
font-style:italic;
background: #fff url(img/input.gif);
padding: 5px;
}
.text-focus
{
border: solid 1px #f50;
background: #fff url(img/input.gif);
padding: 5px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
var txtSearch=$("#<%=txtSearch.ClientID%>");
$("#txtSearch").focus(function () {
if (txtSearch.val()==this.title) {
txtSearch.val("");
this.className="text-focus";
}
});
$("#txtSearch").blur(function () {
if (txtSearch.val()=="") {
txtSearch.val(this.title);
this.className="text";
}
});
txtSearch.blur();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="margin: 100px auto; width: 400px; height: 80px;border: solid 1px #0a8fda;">
<p style="text-align:center;">
<asp:TextBox ID="txtSearch" runat="server" Width="200px" class="text" ToolTip="请输入搜索的关键字"></asp:TextBox>
<asp:Button ID="btnSearch" runat="server" Text="搜索" class="button blue" />
</p>
</div>
</form>
</body>
</html>
关于asp.net使用jquery实现搜索框默认提示功能的用户互动如下：
相关问题：ASP.NET 动态生成文本框 并且获取值! 也可以用Jque...
答：前台代码： $(function(){ var inp= document.createElement("input"); inp.setAttribute("id","txtName"); inp.setAttribute("value","whh"); document.body.appendChild(inp); $("#").click(function(){ $("#").val($("#txtName").val()); });... >>详细
相关问题：asp.net如何用jquery实现自动完成
答：首先引入两个js和一个css样式表 注意路径要正确。这三个文件你需要到网上去下载，挺多的网上。 然后使用autocomplete()方法来完成即可。 $("#iptKey").autocomplete({ source: "/Ajax/SearchSuggestion.ashx?time='+new Date()+'", select: func... >>详细
相关问题：ASP.NET母版,为什么会找不到Jquery的定义的？Jquer...
答：母版引用的jquery子页面确实没提示的，但运行时jquery的效果是在的。你如果需要提示的话可以在子页面引用，运行时注释掉就行。报错看注释就知道是因为你的那个ui的控件的属性写错了。source属性的值不是function。具体为什么，没用过ui不好误人子弟 >>详细
- 【asp】asp.net url重写浅谈-net-url重写
- 【DataSet】DataSet、DataTable、DataRow区别详解
- 【asp】asp.net 动态添加多个用户控件-net-动态添
- 【ASP】ASP.NET中内嵌页面代码的一个问题-NET-内
- 【As】Asp.net中的页面乱码的问题-sp--pn-ne-et
- 【增加记录】asp.net中获取新增加记录的ID Access
- 【创建】ASP.NET Web API教程 创建域模型的方法详
- 【Asp】Asp.net 页面调用javascript变量的值-net-
- 【ASP】ASP.NET 5升级后如何删除旧版本的DNX-NET5
- 【404页面】ASP.NET设置404页面返回302HTTP状态码
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-