ASP.net Textbox的技巧使用
①、大家在做Web開發(fā)的時(shí)候，可能也會遇到之前我所遇到的問題，在使用TextBox控件時(shí)，控件的邊緣不能被背景圖片完全覆蓋掉，如圖1：
因?yàn)門extbox解析后也是html—Text控件，而Text控件是默認(rèn)有邊，即是border:1px solid #000;
所以只要為Textbox控件加上如下的一小句CSS就可以了，即是“border:0px”，最后效果如圖2：
②、大家在做Web開發(fā)時(shí)，不知道大家有沒有發(fā)現(xiàn)，當(dāng)將Textbox控件的TextMode = "MultiLine"，其實(shí)MaxLength已經(jīng)失效了。
因?yàn)門extbox的屬性TextMode為"MultiLine"時(shí)，其實(shí)解析過后是html—textarea控件，這個(gè)html控件是沒有MaxLength屬性的。
如果這時(shí)還想限制其輸入長度：可以設(shè)置如下屬性：
<asp:TextBox ID = "reply_note" runat = "server" TextMode = "MultiLine" onkeyup="this.value = this.value.slice(0, 1000)">
③、大家在做某些輸入框時(shí)，可能希望做到得到焦點(diǎn)時(shí)觸發(fā)某個(gè)事件，失焦時(shí)觸發(fā)某個(gè)事件：
我寫了兩個(gè)JS剛好滿足了如下效果：
<script type="text/javascript">
//得到焦點(diǎn)時(shí)觸發(fā)事件
function onFocusFun(element, elementValue) {
if (element.value == elementValue) {
element.value = "";
element.style.color = "";
}
}
//離開輸入框時(shí)觸發(fā)事件
function onblurFun(element, elementValue) {
if (element.value == '') {
element.style.color = "#808080";
element.value = elementValue;
}
}
</script>
然后，如下在Textbox控件中引用它們就可以了：
<asp:TextBox ID = "reply_note" runat = "server" Text="帖子回復(fù),輸入字?jǐn)?shù)限制為1000字" ForeColor = "#808080" OnFocus="onFocusFun(this,'帖子回復(fù),輸入字?jǐn)?shù)限制為1000字')"
OnBlur="onblurFun(this,'帖子回復(fù),輸入字?jǐn)?shù)限制為1000字')"></asp:TextBox>
這就是我最近開發(fā)的一點(diǎn)小技巧，可能網(wǎng)上已經(jīng)寫過類似的了，但這些方法，我個(gè)人覺得還是比較簡單易懂，希望可以幫到大家。
如果大家有其他類似的小技巧，可以留言一起交流一下。
- asp.net ASPxTextBox等控件實(shí)現(xiàn)"回車模擬Tab"的 常用代碼整理
- asp.net中綁定TextBox回車事件的解決方法
- ASP.NET jQuery 實(shí)例1(在TextBox里面創(chuàng)建一個(gè)默認(rèn)提示)
- ASP.NET jQuery 實(shí)例2 (表單中使用回車在TextBox之間向下移動)
- ASP.NET jQuery 實(shí)例3 (在TextBox里面阻止復(fù)制、剪切和粘貼事件)
- ASP.NET jQuery 實(shí)例4(復(fù)制TextBox的文本到本地剪貼板上)
- Asp.net TextBox的TextChanged事件使用介紹
- Asp.net之TextBox只允許輸入數(shù)字的方法總結(jié)
- asp.net中TextBox只能輸入數(shù)字的最簡潔的兩種方法
- ASP.NET中為TextBox中添加calendar.js示例代碼
- ASP.NET中 TextBox 文本輸入框控件的使用方法
相關(guān)文章
獲取當(dāng)前頁面的URL在某些情況下還是比較使用的，下面為大家介紹下如何通過C#以及Javascript獲取當(dāng)前頁面的URL，感興趣的朋友不要錯(cuò)過2013-11-11
運(yùn)行asp.net時(shí)出現(xiàn) http錯(cuò)誤404－文件或目錄未找到
問題描述： http錯(cuò)誤404－文件或目錄未找到的解決方法2009-03-03
自寫一個(gè)模仿Dictionary與Foreach的實(shí)現(xiàn)及心得總結(jié)
利用閑暇時(shí)間自己寫一個(gè)類模仿Dictionary實(shí)現(xiàn)，如果一個(gè)類進(jìn)行foreach的話，該類必須實(shí)現(xiàn)IEnumerable，集合要支持foreach方式的遍歷，必須實(shí)現(xiàn)IEnumerable接口，感興趣的你可不要錯(cuò)過了哈2013-02-02
JSON是一種輕量級的數(shù)據(jù)交換格式。這篇文章主要介紹了.NET中JSON的序列化和反序列化的幾種方式,非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-06-06
.net core EF Core調(diào)用存儲過程的方式
這篇文章主要給大家介紹了關(guān)于.net core EF Core調(diào)用存儲過程的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用.net core EF Core具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要為大家詳細(xì)介紹了VS2015下簡單使用EF框架的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
Asp.NET Core 如何調(diào)用WebService的方法
這篇文章主要介紹了Asp.NET Core 如何調(diào)用WebService的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
這篇文章介紹了.NET?Core使用APB?vNext框架的入門教程，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-02-02
ASP.NET中的跳轉(zhuǎn) 200, 301, 302轉(zhuǎn)向?qū)崿F(xiàn)代碼
跳轉(zhuǎn)非常常用，在哪里都一樣，這里的一些說明和用法也如此，不止適用于asp.net，其他語言也會用得到。跳轉(zhuǎn)的目的本來很簡單，就是當(dāng)用戶或系統(tǒng)需要時(shí)從一個(gè)頁面轉(zhuǎn)向另一個(gè)頁面，但自從有了各種各樣的需求，還有那個(gè)什么SEO的東西之后，跳轉(zhuǎn)被搞得極其復(fù)雜2008-09-09
對Entity?Framework?Core進(jìn)行單元測試
這篇文章介紹了對Entity?Framework?Core進(jìn)行單元測試的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03