為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ù)庫(kù)
- asp.net下用Aspose.Words for .NET動(dòng)態(tài)生成word文檔中的圖片或水印的方法
- asp.net 添加水印的代碼(已測(cè)試)
- Asp.net 文件上傳類(取得文件后綴名,保存文件,加入文字水印)
- asp.net下GDI＋的一些常用應(yīng)用（水印，文字，圓角處理）技巧
- 用ASP.NET實(shí)現(xiàn)簡(jiǎn)單的文字水印
相關(guān)文章
一文輕松了解ASP.NET與ASP.NET?Core多環(huán)境配置對(duì)比
ASP.NET?Core支持在多個(gè)環(huán)境中管理應(yīng)用程序,如開發(fā)(Development),預(yù)演(Staging)和生產(chǎn)(Production),下面這篇文章主要給大家介紹了關(guān)于ASP.NET與ASP.NET?Core多環(huán)境配置對(duì)比?的相關(guān)資料,需要的朋友可以參考下2022-04-04
在一個(gè)ASP.NET應(yīng)用程序中有許多保留文件夾2009-04-04
ASP.NET向Javascript傳遞變量?jī)煞N實(shí)現(xiàn)方法
ASP.NET向Javascript傳遞變量?jī)煞N實(shí)現(xiàn)方法，需要的朋友可以參考下2012-12-12
ASP.Net全局變量的設(shè)置和讀取方法...2006-12-12
.NET?6?跨服務(wù)器聯(lián)表查詢操作MySql、Oracle、SqlServer等相互聯(lián)表
這篇文章主要介紹了.NET?6?跨服務(wù)器聯(lián)表查詢,?MySql、Oracle、SqlServer等相互聯(lián)表,在這里給大家普及下什么是多庫(kù)架構(gòu)ORM就是說(shuō)一個(gè)對(duì)象可以同時(shí)操作和管理多個(gè)數(shù)據(jù)庫(kù) 我們稱為多庫(kù)架構(gòu)，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-10-10
ListBox的添加移除操作在開發(fā)過(guò)程中經(jīng)常會(huì)遇到過(guò)，接下來(lái)本文也實(shí)現(xiàn)一個(gè)，思路很清晰，感興趣的朋友可以參考下，希望可以幫助到你2013-04-04
本文詳細(xì)講解了.NET中字符串比較的最佳用法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-02-02
微軟發(fā)布的Data Access Application Block的使用代碼
微軟發(fā)布的Data Access Application Block的使用代碼...2007-04-04
需要在要目錄下新建兩個(gè)目錄:upfile和upimg 添加一個(gè)FileUpload控件.一個(gè)Button.一個(gè)Image.一個(gè)Label2008-12-12
Repeater控件動(dòng)態(tài)變更列(Header,Item和Foot)信息實(shí)現(xiàn)思路
需求開發(fā)一個(gè)小報(bào)表，顯示最近五個(gè)月的summary的數(shù)量統(tǒng)計(jì)，報(bào)表會(huì)隨月份的變化而變化，接下來(lái)為大家詳細(xì)介紹下實(shí)現(xiàn)方法，感興趣的各位不要錯(cuò)過(guò)了哈2013-03-03