-
預(yù)覽讓輸入框得到焦點(diǎn)并選中變色的效果
2012-12-12讓輸入框度變色,一個(gè)比較實(shí)用的美化實(shí)例,鼠標(biāo)點(diǎn)擊文本框,獲得輸入框焦點(diǎn),并改變輸入框的邊框顏色,意在區(qū)分其它輸入框,其實(shí)只用CSS就可以很好的實(shí)現(xiàn)。 -
預(yù)覽CSS讓文本框邊框變?yōu)橐粭l虛直線
2012-12-12是不是有時(shí)候看到別人的表單很漂亮,文本框變成了一條直線或一條虛線,就像在稿紙上寫字一樣,其實(shí)這個(gè)效果用CSS實(shí)現(xiàn)起來(lái)并不復(fù)雜,主要是定義input元素的border屬性,看下示例相信你能看得懂。 -
預(yù)覽輸入框焦點(diǎn)自動(dòng)聚集效果代碼
2012-12-12文本輸入框的自動(dòng)聚集效果,也就是如果文本框在沒(méi)有輸入的時(shí)候它會(huì)顯示默認(rèn)字符,當(dāng)鼠標(biāo)點(diǎn)擊的時(shí)候默認(rèn)字符會(huì)消失,用戶可以繼續(xù)輸入,比如我們可以讓輸入框開(kāi)始顯示輸入提示,當(dāng)用戶點(diǎn)擊需要輸入的時(shí)候,提示會(huì)自動(dòng)消失,很不錯(cuò)吧? -
預(yù)覽點(diǎn)擊復(fù)選框后才可以進(jìn)行下一步操作
2012-12-10點(diǎn)擊復(fù)選框后才可以進(jìn)行下一步操作,否則會(huì)彈出提示,必須操作完成規(guī)定項(xiàng)目,多見(jiàn)于用戶注冊(cè)表單中,像注冊(cè)協(xié)議一樣,用戶必需選擇了“已閱讀協(xié)議”,注冊(cè)才能繼續(xù),鏈接才會(huì)生效,表單才能提交,按鈕才被激活等操作。 -
預(yù)覽好用的Email地址輸入判斷
2012-12-10好用的Email地址輸入判斷,老生長(zhǎng)談的東西,很經(jīng)典,省了你不用寫代碼了,直接復(fù)制過(guò)去就用吧?這東西沒(méi)有必要去寫了,呵呵,希望正是你需要的。 -
預(yù)覽表單提交后按鈕變成灰色
2012-12-10我們?cè)谟行┚W(wǎng)站提交數(shù)據(jù)的時(shí)候會(huì)看到,當(dāng)點(diǎn)擊提交后,提交按鈕變灰色不可用,這樣可有效防止重復(fù)提交,本代碼就是實(shí)現(xiàn)這樣一個(gè)功能。從代碼就可以看出,我們只需在提交按鈕上加入這一句: onclick=javascript:{this.disabled=true;document.form1.submit();},意思是當(dāng)按鈕點(diǎn)擊后,將按鈕的不可用屬性設(shè)置為true,這樣按鈕就變灰了。 -
預(yù)覽在規(guī)定時(shí)間內(nèi)倒計(jì)時(shí)激活按鈕
2012-12-10讓按鈕在規(guī)定時(shí)間內(nèi)生效可用,比如注冊(cè)時(shí)候,按鈕會(huì)在規(guī)定時(shí)間內(nèi)倒計(jì)時(shí),留足時(shí)間讓用戶認(rèn)真閱讀服務(wù)條款,當(dāng)時(shí)間結(jié)束,按鈕由灰色變?yōu)檎?捎脿顟B(tài),這時(shí)候你才可以點(diǎn)擊哦。 -
預(yù)覽同一頁(yè)面兩個(gè)表單互相傳值的JavaScript
2012-12-10有時(shí)候我們?cè)谔峤槐韱蔚臅r(shí)候需要將兩個(gè)表單的值互相傳遞,那么如何實(shí)現(xiàn)呢?其實(shí)很簡(jiǎn)單,就是用JavaScrip獲取任一表單的值,然后賦給另一個(gè),具體可看代碼,代碼很有意思,也很實(shí)用。 -
預(yù)覽注冊(cè)閱讀條款時(shí)定時(shí)激活的按鈕
2012-12-10大家在看到很多網(wǎng)站在用戶注冊(cè)的時(shí)候,有一個(gè)閱讀條款的定時(shí)按鈕,會(huì)有10秒或更長(zhǎng)時(shí)間的倒計(jì)時(shí),時(shí)間一到按鈕才被激活,這時(shí)才能點(diǎn)擊,這段代碼就是實(shí)現(xiàn)了這種功能,你可以直接復(fù)制過(guò)去就可以用啦。 -
預(yù)覽Js自動(dòng)添加附件上傳瀏覽框,模仿網(wǎng)易郵箱
2012-12-10這種效果以前發(fā)瘋似的找也找不見(jiàn),現(xiàn)在竟然發(fā)現(xiàn)了一個(gè)代碼超簡(jiǎn)的版本,真是太好了,所以趕緊奉獻(xiàn)給需要的朋友們。它可以動(dòng)態(tài)添加上傳文件的瀏覽框,要多少有多少,而且還可以移除,很方便實(shí)用。 -
預(yù)覽一個(gè)不錯(cuò)的用CSS布局的表單
2012-12-10一個(gè)不錯(cuò)的用CSS布局的表單,效果很不錯(cuò),簡(jiǎn)潔實(shí)用,學(xué)習(xí)CSS布局很有用,尤其是上邊的那個(gè)突起,很有創(chuàng)意。 -
預(yù)覽點(diǎn)擊單選框?qū)⒅堤砑又廖谋据斎肟?/a>
2012-12-10JavaScript將單選框代表的值自動(dòng)添加至文本輸入框,實(shí)現(xiàn)單選框與文本框的聯(lián)動(dòng)。在多功能表單應(yīng)用中常見(jiàn)到的功能,可以有效省去用戶輸入的麻煩,同時(shí)也提高表單數(shù)據(jù)的準(zhǔn)確性,提高表單提交的成功率。 -
預(yù)覽網(wǎng)頁(yè)內(nèi)部做個(gè)標(biāo)記,以便迅速定位
2012-12-09網(wǎng)頁(yè)內(nèi)部做個(gè)標(biāo)記,以便迅速定位 -
預(yù)覽JavaScript自動(dòng)復(fù)制文本框內(nèi)容至另一個(gè)
2012-12-09JavaScript自動(dòng)復(fù)制文本框的內(nèi)容到另一個(gè)文本框中,以前還沒(méi)有見(jiàn)到過(guò),不過(guò)作為學(xué)習(xí)實(shí)例,研究研究還是有用的。當(dāng)你在第一個(gè)文本框中打字時(shí),第二個(gè)文本框會(huì)自動(dòng)復(fù)制出第一個(gè)文本框的內(nèi)容,用JS去復(fù)制對(duì)象。 -
預(yù)覽JavaScript將文本框的值插入當(dāng)前面指定位置
2012-12-09JavaScript將文本框的值插入當(dāng)前面指定位置,這在一些表單提交場(chǎng)合或許我們都用到過(guò),本代碼段是將文本框的值寫入到當(dāng)前頁(yè)的body區(qū)域內(nèi),如果你設(shè)置有其它的文本框,則可以值賦給這些文本框,可以讓使用表單的用戶免去輸入的麻煩。 -
預(yù)覽JavaScript給按鈕加上雙重動(dòng)作
2012-12-09JavaScript給網(wǎng)頁(yè)上按鈕加入同時(shí)加入兩個(gè)動(dòng)作,一個(gè)是在文本框顯示文字,另一個(gè)則是轉(zhuǎn)向到某個(gè)網(wǎng)址,以往的按鈕跳轉(zhuǎn)都是單一的,這一個(gè)又在跳轉(zhuǎn)時(shí)加入了將文字賦值給文本框的動(dòng)作,搞懂了原理,就可以靈活運(yùn)用了。 -
預(yù)覽DIV+css完美仿真Textarea
2012-12-09用CSS實(shí)現(xiàn)一個(gè)Textarea的功能和效果,簡(jiǎn)直一模一樣,不信你運(yùn)行一下看效果,當(dāng)初我一眼沒(méi)有看出來(lái)是用CSS代碼實(shí)現(xiàn)的,尤其是滾動(dòng)條功能,佩服作者的水平哦,CSS水平真不錯(cuò)。 -
預(yù)覽文本框中的走馬燈文字
2012-12-09文字走馬燈效果,和其它的文字滾動(dòng)沒(méi)什么區(qū)別,只不過(guò)本款走馬燈滾動(dòng)的地方是在文本框內(nèi),而且是多個(gè)文本框連續(xù)不間斷滾動(dòng),這個(gè)可以用于提示信息,把一些重要的必須用戶填寫的東西加上滾動(dòng)的注釋,以引起用戶的注意。 -
預(yù)覽禁止表單輸入某種字符
2012-12-09這段代碼應(yīng)該比較實(shí)用,禁止網(wǎng)頁(yè)的表單輸入某種特殊字符,當(dāng)用戶輸入這些字符的時(shí)候,光標(biāo)會(huì)自動(dòng)刪除它,這樣會(huì)減少程序執(zhí)行時(shí)候出錯(cuò),提升網(wǎng)頁(yè)的執(zhí)行效率,實(shí)例中的特殊字符僅供參考,實(shí)際應(yīng)用中根據(jù)你的需要自己修改一下。 -
預(yù)覽讓Select列表按漢字拼音首字母排序
2012-12-09這是個(gè)有趣且又比較實(shí)用的問(wèn)題,前些日子還見(jiàn)到很多朋友在CSDN上面熱議,當(dāng)時(shí)也參與了,不過(guò)水平太菜哦,那里面的高手真是太多了,方法說(shuō)了很多,但幾乎沒(méi)幾個(gè)能看懂,今天無(wú)意發(fā)現(xiàn)這款代碼,覺(jué)得挺簡(jiǎn)潔,而且效果也不錯(cuò),完成了99%的漢字按首字母自動(dòng)排序,不過(guò)有些字沒(méi)不能完成,像“重慶”的“重”,JS把其當(dāng)成“重量”的“ZHONG”來(lái)處理了,因些排在了后頭,看來(lái)本方法不是100%完善,但可以解決大多數(shù)情況的問(wèn)題。
- 相關(guān)鏈接:
- 欄目說(shuō)明:
表單按鈕:提供了大量與表單按鈕相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找表單按鈕的最佳選擇。