為TextBox裝飾水印與(blur和focus)事件應用
更新時間：2013年01月16日 10:31:25 作者：
為了界面的美觀，有些時候可能需要為文本框(TextBox)裝飾個水??；它有兩種狀態(tài)，一是blur和focus。因此，我們可以在Javascript寫兩個事件，感興趣的朋友可以了解下
某一時候，為文本框(TextBox)裝飾個水印。它有兩種狀態(tài)，一是blur和focus。因此，我們可以在Javascript寫兩個事件：
<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應用這兩個Javascript事件：
<asp:TextBox ID="TextBox1" runat="server" Text="輸入名稱"
ForeColor="Gray" onblur="WaterMarkOnBlur(this);"
onfocus="WaterMartOnfocus(this);">
</asp:TextBox>
演示：
復制代碼 代碼如下:
<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應用這兩個Javascript事件：
復制代碼 代碼如下:
<asp:TextBox ID="TextBox1" runat="server" Text="輸入名稱"
ForeColor="Gray" onblur="WaterMarkOnBlur(this);"
onfocus="WaterMartOnfocus(this);">
</asp:TextBox>
演示：
您可能感興趣的文章:
- ASP wsImage組件添加水印的實用代碼
- ASP組件AspJpeg(加水印)生成縮略圖等使用方法
- javascript 文本框水印/占位符(watermark/placeholder)實現(xiàn)方法
- ASP.NET 圖片加水印防盜鏈實現(xiàn)代碼
- asp.net文件上傳功能(單文件，多文件,自定義生成縮略圖,水印)
- asp.net中上傳圖片文件實現(xiàn)防偽圖片水印并寫入數(shù)據(jù)庫
- asp.net下用Aspose.Words for .NET動態(tài)生成word文檔中的圖片或水印的方法
- asp.net 添加水印的代碼(已測試)
- Asp.net 文件上傳類(取得文件后綴名,保存文件,加入文字水印)
- asp.net下GDI＋的一些常用應用（水印，文字，圓角處理）技巧
- 用ASP.NET實現(xiàn)簡單的文字水印
相關(guān)文章
一文輕松了解ASP.NET與ASP.NET?Core多環(huán)境配置對比
ASP.NET?Core支持在多個環(huán)境中管理應用程序,如開發(fā)(Development),預演(Staging)和生產(chǎn)(Production),下面這篇文章主要給大家介紹了關(guān)于ASP.NET與ASP.NET?Core多環(huán)境配置對比?的相關(guān)資料,需要的朋友可以參考下2022-04-04
在一個ASP.NET應用程序中有許多保留文件夾2009-04-04
ASP.NET向Javascript傳遞變量兩種實現(xiàn)方法
ASP.NET向Javascript傳遞變量兩種實現(xiàn)方法，需要的朋友可以參考下2012-12-12
ASP.Net全局變量的設置和讀取方法...2006-12-12
.NET?6?跨服務器聯(lián)表查詢操作MySql、Oracle、SqlServer等相互聯(lián)表
這篇文章主要介紹了.NET?6?跨服務器聯(lián)表查詢,?MySql、Oracle、SqlServer等相互聯(lián)表,在這里給大家普及下什么是多庫架構(gòu)ORM就是說一個對象可以同時操作和管理多個數(shù)據(jù)庫 我們稱為多庫架構(gòu)，本文結(jié)合實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-10-10
ListBox的添加移除操作在開發(fā)過程中經(jīng)常會遇到過，接下來本文也實現(xiàn)一個，思路很清晰，感興趣的朋友可以參考下，希望可以幫助到你2013-04-04
本文詳細講解了.NET中字符串比較的最佳用法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-02-02
微軟發(fā)布的Data Access Application Block的使用代碼
微軟發(fā)布的Data Access Application Block的使用代碼...2007-04-04
需要在要目錄下新建兩個目錄:upfile和upimg 添加一個FileUpload控件.一個Button.一個Image.一個Label2008-12-12
Repeater控件動態(tài)變更列(Header,Item和Foot)信息實現(xiàn)思路
需求開發(fā)一個小報表，顯示最近五個月的summary的數(shù)量統(tǒng)計，報表會隨月份的變化而變化，接下來為大家詳細介紹下實現(xiàn)方法，感興趣的各位不要錯過了哈2013-03-03