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

簡單的郵箱登陸的提示效果類似于yahoo郵箱

 更新時間:2014年02月26日 15:38:46   作者:  
類似于yahoo郵箱登陸的提示效果,當鼠標聚焦到郵箱地址文本框時,文本框文字被清空

當鼠標聚焦到郵箱地址文本框時,文本框內(nèi)的“請輸入郵箱地址”文字被清空。

效果圖:

復(fù)制代碼 代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="類似于yahoo郵箱登陸的提示效果.aspx.cs" Inherits="類似于yahoo郵箱登陸的提示效果" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type ="text/javascript" src ="Scripts/jquery-1.7.1.js"></script>
    <script type ="text/javascript" >
        $(function () {
            //對地址框進行操作
            $("#address").focus(function () {        //地址框獲得鼠標焦點
                var txt_value = $(this).val();       //得到當前文本框的值
                if (txt_value == "請輸入郵箱地址") {
                    $(this).val("");                 //如果符合條件,則清空文本框內(nèi)容
                }
            });
            $("#address").blur(function () {         //地址框失去鼠標焦點
                var txt_value = $(this).val();       //得到當前文本框的值
                if (txt_value == "") {
                    $(this).val("請輸入郵箱地址");      //如果符合條件,則設(shè)置內(nèi)容
                }
            })
            //對密碼框進行操作
            $("#password").focus(function () {
                var txt_value = $(this).val();
                if (txt_value == "請輸入郵箱密碼") {
                    $(this).val("");
                }
            });
            $("#password").blur(function () {
                var txt_value = $(this).val();
                if (txt_value == "") {
                    $(this).val("請輸入郵箱密碼");
                }
            })
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type ="text" id ="address" value ="請輸入郵箱地址" /><br /><br />
        <input type ="text" id ="password" value ="請輸入郵箱密碼" /><br /><br />
        <input type ="button" value ="登錄" />
    </div>
    </form>
</body>
</html>

相關(guān)文章

  • 基于javascript實現(xiàn)右下角浮動廣告效果

    基于javascript實現(xiàn)右下角浮動廣告效果

    這篇文章主要介紹了基于javascript實現(xiàn)右下角浮動廣告效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-01-01
  • js定時器不準確問題的解決方法

    js定時器不準確問題的解決方法

    本文主要介紹了js定時器不準確問題的解決方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧
    2023-06-06
  • 兩種方法實現(xiàn)文本框輸入內(nèi)容提示消失

    兩種方法實現(xiàn)文本框輸入內(nèi)容提示消失

    第一種方法:基于HTML5 input標簽的新特性 - placeholder 。另外,x-webkit-speech 屬性可以實現(xiàn)語音輸入功能;第二種方法: 用span模擬,定位span,借助JS鍵盤事件判斷輸入,確定span里的內(nèi)容顯示隱藏
    2013-03-03
  • 工作中比較實用的JavaScript驗證和數(shù)據(jù)處理的干貨(經(jīng)典)

    工作中比較實用的JavaScript驗證和數(shù)據(jù)處理的干貨(經(jīng)典)

    工作中比較實用的JavaScript驗證和數(shù)據(jù)處理知識經(jīng)常會用到,下面小編通過查閱相關(guān)資料及日常記錄的知識分享到腳本之家平臺,供大家參考
    2016-08-08
  • JS判斷字符串變量是否含有某個字串的實現(xiàn)方法

    JS判斷字符串變量是否含有某個字串的實現(xiàn)方法

    下面小編就為大家?guī)硪黄狫S判斷字符串變量是否含有某個字串的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • javascript實現(xiàn)tabs選項卡切換效果(擴展版)

    javascript實現(xiàn)tabs選項卡切換效果(擴展版)

    常用的頁面效果有彈出層效果,無縫滾動效果,選項卡切換效果,接下來與大家分享一款自己用原生javascript寫的選項卡切換效果在原有的基礎(chǔ)上進行了擴展,加入了自動輪播,這樣就變成了類似圖片輪播的效果
    2013-03-03
  • uniapp小程序點擊輸入框時阻止彈出軟鍵盤的幾種解決方案

    uniapp小程序點擊輸入框時阻止彈出軟鍵盤的幾種解決方案

    在寫項目時候需要在表單里面加一個picker選擇器,但選擇input的時候軟鍵盤與選擇器會同時彈出,下面這篇文章主要給大家介紹了關(guān)于uniapp小程序點擊輸入框時阻止彈出軟鍵盤的幾種解決方案,需要的朋友可以參考下
    2024-02-02
  • 利用JavaScript實現(xiàn)防抖節(jié)流函數(shù)的示例代碼

    利用JavaScript實現(xiàn)防抖節(jié)流函數(shù)的示例代碼

    在開發(fā)中我們經(jīng)常會遇到一些高頻操作,比如:鼠標移動,滑動窗口,鍵盤輸入等等,節(jié)流和防抖就是對此類事件進行優(yōu)化,降低觸發(fā)的頻率,以達到提高性能的目的。本文就教大家如何實現(xiàn)一個讓面試官拍大腿的防抖節(jié)流函數(shù),需要的可以參考一下
    2022-08-08
  • 限制復(fù)選框最多選擇項的實現(xiàn)代碼

    限制復(fù)選框最多選擇項的實現(xiàn)代碼

    下面小編就為大家?guī)硪黄拗茝?fù)選框最多選擇項的實現(xiàn)代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • 剖析CocosCreator新資源管理系統(tǒng)

    剖析CocosCreator新資源管理系統(tǒng)

    這篇文章主要介紹了CocosCreator新資源管理系統(tǒng),從v2.4開始,Creator使用AssetBundle完全重構(gòu)了資源底層,提供了更加靈活強大的資源管理方式,也解決了之前版本資源管理的痛點(資源依賴與引用),本文將帶你深入了解Creator的新資源底層。
    2021-04-04

最新評論