①、大家在做Web開(kāi)發(fā)的時(shí)候,可能也會(huì)遇到之前我所遇到的問(wèn)題,在使用TextBox控件時(shí),控件的邊緣不能被背景圖片完全覆蓋掉,如圖1:
因?yàn)門extbox解析后也是html—Text控件,而Text控件是默認(rèn)有邊,即是border:1px solid #000;
所以只要為Textbox控件加上如下的一小句CSS就可以了,即是“border:0px”,最后效果如圖2:
②、大家在做Web開(kāi)發(fā)時(shí),不知道大家有沒(méi)有發(fā)現(xiàn),當(dāng)將Textbox控件的TextMode = "MultiLine",其實(shí)MaxLength已經(jīng)失效了。
因?yàn)門extbox的屬性TextMode為"MultiLine"時(shí),其實(shí)解析過(guò)后是html—textarea控件,這個(gè)html控件是沒(méi)有MaxLength屬性的。
如果這時(shí)還想限制其輸入長(zhǎng)度:可以設(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è)事件:
我寫(xiě)了兩個(gè)JS剛好滿足了如下效果: 復(fù)制代碼 代碼如下: 復(fù)制代碼 代碼如下:
<script type="text/javascript">
//得到焦點(diǎn)時(shí)觸發(fā)事件
function onFocusFun(element, elementValue) {
if (element.value == elementValue) {
element.value = "";
element.style.color = "";
}
}
//離開(kāi)輸入框時(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>
這就是我最近開(kāi)發(fā)的一點(diǎn)小技巧,可能網(wǎng)上已經(jīng)寫(xiě)過(guò)類似的了,但這些方法,我個(gè)人覺(jué)得還是比較簡(jiǎn)單易懂,希望可以幫到大家。
如果大家有其他類似的小技巧,可以留言一起交流一下。
新聞熱點(diǎn)
疑難解答
圖片精選