ASP.net Textbox的技巧使用
①、大家在做Web開發(fā)的時候,可能也會遇到之前我所遇到的問題,在使用TextBox控件時,控件的邊緣不能被背景圖片完全覆蓋掉,如圖1:
因為Textbox解析后也是html—Text控件,而Text控件是默認有邊,即是border:1px solid #000;
所以只要為Textbox控件加上如下的一小句CSS就可以了,即是“border:0px”,最后效果如圖2:
②、大家在做Web開發(fā)時,不知道大家有沒有發(fā)現(xiàn),當(dāng)將Textbox控件的TextMode = "MultiLine",其實MaxLength已經(jīng)失效了。
因為Textbox的屬性TextMode為"MultiLine"時,其實解析過后是html—textarea控件,這個html控件是沒有MaxLength屬性的。
如果這時還想限制其輸入長度:可以設(shè)置如下屬性:
<asp:TextBox ID = "reply_note" runat = "server" TextMode = "MultiLine" onkeyup="this.value = this.value.slice(0, 1000)">
③、大家在做某些輸入框時,可能希望做到得到焦點時觸發(fā)某個事件,失焦時觸發(fā)某個事件:
我寫了兩個JS剛好滿足了如下效果:
<script type="text/javascript">
//得到焦點時觸發(fā)事件
function onFocusFun(element, elementValue) {
if (element.value == elementValue) {
element.value = "";
element.style.color = "";
}
}
//離開輸入框時觸發(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ā)的一點小技巧,可能網(wǎng)上已經(jīng)寫過類似的了,但這些方法,我個人覺得還是比較簡單易懂,希望可以幫到大家。
如果大家有其他類似的小技巧,可以留言一起交流一下。
- asp.net ASPxTextBox等控件實現(xiàn)"回車模擬Tab"的 常用代碼整理
- asp.net中綁定TextBox回車事件的解決方法
- ASP.NET jQuery 實例1(在TextBox里面創(chuàng)建一個默認提示)
- ASP.NET jQuery 實例2 (表單中使用回車在TextBox之間向下移動)
- ASP.NET jQuery 實例3 (在TextBox里面阻止復(fù)制、剪切和粘貼事件)
- ASP.NET jQuery 實例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)文章
asp.net在后端動態(tài)添加樣式表調(diào)用的方法
這篇文章主要介紹了asp.net在后端動態(tài)添加樣式表調(diào)用的方法,涉及asp.net操作樣式表的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04基于ASP.NET+easyUI框架實現(xiàn)圖片上傳功能(判斷格式+即時瀏覽 )
這篇文章主要介紹了基于ASP.NET+easyUI框架實現(xiàn)圖片上傳功能的相關(guān)資料,重點在于如何判斷格式,實現(xiàn)即時瀏覽,需要的朋友可以參考下2016-06-06用類的繼承關(guān)系(重寫父類的方法)實現(xiàn)簡易后臺代碼模板
Asp.net的優(yōu)勢就在于快速構(gòu)建應(yīng)用,而對于一些最基礎(chǔ)數(shù)據(jù)的增刪改以及分頁事件或者樣式的設(shè)定可以通過在父類中寫上虛方法來供子類調(diào)用,接下來將為您測試一下用子類重寫父類的方法實現(xiàn)在模板的基礎(chǔ)上衍生變化2013-01-01asp.net UpdatePanel實現(xiàn)無刷新上傳圖片
UpdatePanel實現(xiàn)無刷新上傳圖片實現(xiàn)代碼,需要的朋友可以參考下。2010-03-03