欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ASP.NET jQuery 實(shí)例1(在TextBox里面創(chuàng)建一個(gè)默認(rèn)提示)

 更新時(shí)間：2012年01月13日 22:12:56   作者：  
通常用戶在搜索內(nèi)容時(shí)，在文本框輸入內(nèi)容前，文本框都會(huì)給出默認(rèn)提示，提示用戶輸入正確的內(nèi)容進(jìn)行搜索
當(dāng)文本框獲得焦點(diǎn)，如果文本框內(nèi)容跟提示內(nèi)容一樣，提示內(nèi)容會(huì)自然消失。
當(dāng)文本框沒有任何值并失去焦點(diǎn)，文本框內(nèi)容會(huì)重新生成默認(rèn)提示。
為了實(shí)現(xiàn)上面的需求，代碼如下：
復(fù)制代碼 代碼如下:

<%@ 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獲取服務(wù)器控件ID
searchBox.focus(function () {
if (searchBox.val() == this.title) { // TextBox控件ToolTip屬性轉(zhuǎn)換為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="請輸入搜索的關(guān)鍵字"></asp:TextBox>
<asp:Button ID="btnSearch" runat="server" Text="搜索" /></p>
</fieldset>
</div>
</form>
</body>
</html>

顯示效果：

 

相關(guān)文章

  • 老生常談combobox和combotree模糊查詢

    老生常談combobox和combotree模糊查詢

    下面小編就為大家?guī)硪黄仙Ｕ刢ombobox和combotree模糊查詢。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-04-04
  • jQuery.ajax向后臺(tái)傳遞數(shù)組問題的解決方法

    jQuery.ajax向后臺(tái)傳遞數(shù)組問題的解決方法

    這篇文章主要為大家詳細(xì)介紹了jQuery.ajax向后臺(tái)傳遞數(shù)組問題的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-05-05
  • jQuery過濾選擇器經(jīng)典應(yīng)用

    jQuery過濾選擇器經(jīng)典應(yīng)用

    這篇文章主要為大家詳細(xì)介紹了jQuery過濾選擇器經(jīng)典應(yīng)用，具有一定的實(shí)用性，感興趣的小伙伴們可以參考一下
    2016-08-08
  • jQuery實(shí)現(xiàn)多按鈕單擊變色

    jQuery實(shí)現(xiàn)多按鈕單擊變色

    本文給大家分享的是一段使用jQuery實(shí)現(xiàn)的多按鈕單擊之后變色的代碼，非常的簡單實(shí)用，有需要的小伙伴可以參考下。
    2014-11-11
  • jquery 按鈕狀態(tài)效果 正常、移上、按下

    jquery 按鈕狀態(tài)效果 正常、移上、按下

    按鈕的各狀態(tài)效果在網(wǎng)頁設(shè)計(jì)過程中經(jīng)常會(huì)遇到，下面寫個(gè)jquery擴(kuò)展，使這個(gè)過程更加方便，感興趣的朋友可以了解下
    2013-08-08
  • jQuery+正則+文本框只能輸入數(shù)字的實(shí)現(xiàn)方法

    jQuery+正則+文本框只能輸入數(shù)字的實(shí)現(xiàn)方法

    下面小編就為大家?guī)硪黄猨Query+正則+文本框只能輸入數(shù)字的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-10-10
  • jQuery構(gòu)造函數(shù)init參數(shù)分析續(xù)

    jQuery構(gòu)造函數(shù)init參數(shù)分析續(xù)

    其實(shí)樓主的F和jQuery.fn.init是相等的; 實(shí)現(xiàn)功能是和jq一樣的, 只是jq的把構(gòu)造函數(shù)放進(jìn)原型;如果非要說原因,個(gè)人理解jq這樣寫整體結(jié)構(gòu)清晰,先是入口構(gòu)造函數(shù),緊跟著是原型部分(原型里面init是初始化),但是不好理解;乍一看確實(shí)挺繞, 我也是看了好久才明白怎么回事
    2015-05-05
  • jQuery中:file選擇器用法實(shí)例

    jQuery中:file選擇器用法實(shí)例

    這篇文章主要介紹了jQuery中:file選擇器用法,實(shí)例分析了:file選擇器的功能、定義及選取類型為file的<input>元素的使用技巧,需要的朋友可以參考下
    2015-01-01
  • 基于jQuery實(shí)現(xiàn)的雙11天貓拆紅包抽獎(jiǎng)效果

    基于jQuery實(shí)現(xiàn)的雙11天貓拆紅包抽獎(jiǎng)效果

    這篇文章主要介紹了基于jQuery實(shí)現(xiàn)的雙11天貓拆紅包抽獎(jiǎng)效果，在即將到來的雙十二活動(dòng)中大家也可以使用拆紅包抽獎(jiǎng)吸引消費(fèi)者，需要的朋友可以參考下
    2015-12-12
  • jquery fancybox ie6不顯示關(guān)閉按鈕的解決辦法

    jquery fancybox ie6不顯示關(guān)閉按鈕的解決辦法

    本篇文章主要是對jquery fancybox ie6不顯示關(guān)閉按鈕的解決辦法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
    2013-12-12

最新評論