ASP.net Textbox的技巧使用

①、大家在做Web開發的時候，可能也會遇到之前我所遇到的問題，在使用TextBox控制項時，控制項的邊緣不能被背景圖片完全覆蓋掉，1：

因為Textbox解析後也是html—Text控制項，而Text控制項是預設有邊，即是border:1px solid #000;

所以只要為Textbox控制項加上如下的一小句CSS就可以了，即是“border:0px”，最後效果2：

②、大家在做Web開發時，不知道大家有沒有發現，當將Textbox控制項的TextMode = "MultiLine"，其實MaxLength已經失效了。

因為Textbox的屬性TextMode為"MultiLine"時，其實解析過後是html—textarea控制項，這個html控制項是沒有MaxLength屬性的。

如果這時還想限制其輸入長度：可以設定如下屬性：

<asp:TextBox ID = "reply_note" runat = "server" TextMode = "MultiLine" onkeyup="this.value = this.value.slice(0, 1000)">

③、大家在做某些輸入框時，可能希望做到得到焦點時觸發某個事件，失焦時觸發某個事件：

我寫了兩個JS剛好滿足了如下效果：複製代碼 代碼如下:<script type="text/javascript">
　　//得到焦點時觸發事件
　　function onFocusFun(element, elementValue) {
　　 if (element.value == elementValue) {
　　 element.value = "";
　　 element.style.color = "";
　　 }
　　}

　　//離開輸入框時觸發事件
　　function onblurFun(element, elementValue) {
　　 if (element.value == '') {
　　 element.style.color = "#808080";
　　 element.value = elementValue;
　　 }
　　}
　　</script>

然後，如下在Textbox控制項中引用它們就可以了： 複製代碼 代碼如下:<asp:TextBox ID = "reply_note" runat = "server" Text="文章回複,輸入字數限制為1000字" ForeColor = "#808080" OnFocus="onFocusFun(this,'文章回複,輸入字數限制為1000字')"
OnBlur="onblurFun(this,'文章回複,輸入字數限制為1000字')"></asp:TextBox>

這就是我最近開發的一點小技巧，可能網上已經寫過類似的了，但這些方法，我個人覺得還是比較簡單易懂，希望可以幫到大家。

如果大家有其他類似的小技巧，可以留言一起交流一下。