為TextBox裝飾水印與(blur和focus)事件應(yīng)用
更新時(shí)間：2013年01月16日 10:31:25 作者：
為了界面的美觀，有些時(shí)候可能需要為文本框(TextBox)裝飾個(gè)水印；它有兩種狀態(tài)，一是blur和focus。因此，我們可以在Javascript寫兩個(gè)事件，感興趣的朋友可以了解下
某一時(shí)候，為文本框(TextBox)裝飾個(gè)水印。它有兩種狀態(tài)，一是blur和focus。因此，我們可以在Javascript寫兩個(gè)事件：
<script type="text/javascript">
var watermarkText = "輸入名稱";
function WaterMarkOnBlur(textbox) {
if (textbox.value.length == 0) {
textbox.style.color = "gray";
textbox.value = watermarkText;
}
}
function WaterMartOnfocus(textbox)
{
if (textbox.value == watermarkText) {
textbox.style.color = "black";
textbox.value = "";
}
}
</script>
在TextBox應(yīng)用這兩個(gè)Javascript事件：
<asp:TextBox ID="TextBox1" runat="server" Text="輸入名稱"
ForeColor="Gray" onblur="WaterMarkOnBlur(this);"
onfocus="WaterMartOnfocus(this);">
</asp:TextBox>
演示：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var watermarkText = "輸入名稱";
function WaterMarkOnBlur(textbox) {
if (textbox.value.length == 0) {
textbox.style.color = "gray";
textbox.value = watermarkText;
}
}
function WaterMartOnfocus(textbox)
{
if (textbox.value == watermarkText) {
textbox.style.color = "black";
textbox.value = "";
}
}
</script>
在TextBox應(yīng)用這兩個(gè)Javascript事件：
復(fù)制代碼 代碼如下:
<asp:TextBox ID="TextBox1" runat="server" Text="輸入名稱"
ForeColor="Gray" onblur="WaterMarkOnBlur(this);"
onfocus="WaterMartOnfocus(this);">
</asp:TextBox>
演示：
您可能感興趣的文章:
- ASP wsImage組件添加水印的實(shí)用代碼
- ASP組件AspJpeg(加水印)生成縮略圖等使用方法
- javascript 文本框水印/占位符(watermark/placeholder)實(shí)現(xiàn)方法
- ASP.NET 圖片加水印防盜鏈實(shí)現(xiàn)代碼
- asp.net文件上傳功能(單文件，多文件,自定義生成縮略圖,水印)
- asp.net中上傳圖片文件實(shí)現(xiàn)防偽圖片水印并寫入數(shù)據(jù)庫
- asp.net下用Aspose.Words for .NET動(dòng)態(tài)生成word文檔中的圖片或水印的方法
- asp.net 添加水印的代碼(已測試)
- Asp.net 文件上傳類(取得文件后綴名,保存文件,加入文字水印)
- asp.net下GDI＋的一些常用應(yīng)用（水印，文字，圓角處理）技巧
- 用ASP.NET實(shí)現(xiàn)簡單的文字水印
相關(guān)文章
Visual Studio 2019 使用 Live Share的教程圖解
Visual Studio 2019 在今天發(fā)布（北京時(shí)間）了，這次帶來了一個(gè)比較有趣的 Live Share 功能，使用它可以進(jìn)行更好的協(xié)作開發(fā)。這篇文章主要介紹了Visual Studio 2019 使用 Live Share的教程,需要的朋友可以參考下2019-04-04
Asp.net內(nèi)置對(duì)象之Request對(duì)象(概述及應(yīng)用)
Request對(duì)象主要用于獲取來自客戶端的數(shù)據(jù)，如用戶填入表單的數(shù)據(jù)、保存在客戶端的Cookie等,本文將圍繞Request對(duì)象,講解其的主要作用:讀取窗體變量、讀取查詢字符串變量、取得Web服務(wù)器端的系統(tǒng)信息。取得客戶端瀏覽器信息等等，感興趣的朋友可以了解下2013-02-02
詳解ASP.NET Core部署項(xiàng)目到Ubuntu Server
這篇文章主要介紹了詳解ASP.NET Core部署項(xiàng)目到Ubuntu Server ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
.NET Core Windows環(huán)境安裝配置教程
這篇文章主要為大家詳細(xì)介紹了.NET Core Windows環(huán)境安裝配置教程，感興趣的小伙伴們可以參考一下2016-07-07
本文要介紹的是ASP.NET怎樣讀寫文本文件，但更重要的是實(shí)現(xiàn)的過程。使用的工具是Visual Studio 2015 ，.NET版本是4.6.1 。一共建立的2個(gè)項(xiàng)目，HoverTreePanel和HoverTreeWeb，都是ASP.NET項(xiàng)目。文章末尾附源碼下載。下面跟著小編一起來看下吧2017-01-01
某個(gè)aspx頁面突然死了連日志也沒有，朋友提醒event viewer里看看，果然錯(cuò)誤在那里，有此情況的朋友可以參考下2013-08-08
搞了很長時(shí)間了，如何在listview button上添加事件監(jiān)聽，一直是網(wǎng)友們比較在意的，本文將為您解答此疑惑，需要了解的朋友可以參考下2012-12-12
如何創(chuàng)建一個(gè)AJAXControlToolKit的擴(kuò)展控件
相信熟悉Microsoft提供的AJAXControlToolKit的朋友已經(jīng)感覺到它的強(qiáng)大了。但是如果我們需要其它一些控件,或者是我們碰到一些很好的javascript然后需要把它們整合到ajaxcontroltoolkit中,如何來做。？？？2009-08-08
ASP.NET MVC命名空間時(shí)引起錯(cuò)誤的解決方法
這篇文章主要介紹了解決ASP.NET MVC 重命名（命名空間）而導(dǎo)致錯(cuò)誤的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-11-11
asp.net sqlconnection con.close和con.dispose區(qū)別
con.close是用來關(guān)閉和數(shù)據(jù)庫的連接,相對(duì)于open2008-12-12