-
預(yù)覽提交按鈕變灰色,輸入完成才可以提交
2012-12-05當(dāng)你的表單沒有輸入完成的時候,提交按鈕是灰色的,不能提交,你必須按要求輸入必填的項,此時提交按鈕才能恢復(fù)使用,雖然我們可以用JS判斷表單的完整性,但各有各的用法和思路,因此這樣做也未嘗不可。 -
預(yù)覽文本框不為空有輸入值時激活按鈕
2012-12-05文本框有輸入值時候按鈕才被激活,這樣避免用戶出錯,也避免程序出錯,可廣泛應(yīng)用到你的表單中,或者改進(jìn)一下程序,讓它按你的要求,把所有需要不為空的文本框都有值以后按鈕才被激活。 -
預(yù)覽用CSS隱藏點擊按鈕或鏈接時出現(xiàn)的虛線方框
2012-12-05用CSS隱藏點擊按鈕或鏈接時出現(xiàn)的下劃線或虛線方框。大家都知道,當(dāng)一個按鈕被點擊后,按鈕上會留下鼠標(biāo)點擊過后的虛線方框,圍繞按鈕顯示,點擊鏈接也會這樣,有的人不喜歡了,所以就寫了CSS代碼來隱藏掉這些虛線邊框。 -
預(yù)覽Js控制顯示、隱藏文本框中的密碼
2012-12-04Js控制顯示、隱藏文本框中的密碼,也可稱為是一款小型的JavaScript星號密碼破解器,點擊會顯示出密碼類型的文本框中的真實信息,再次點擊則還原,程序 主要是獲取HTML元素對象,然后強(qiáng)制更改元素屬性,將文本框的類型在Text與Password之間切換。 -
預(yù)覽JavaScript模擬的IP輸入框
2012-12-04JavaScript模擬的IP輸入框,一共有四個文本框,每個只允許輸入三個字符,輸入完后自動跳到下一文本框,就好像是Windows系統(tǒng)的IP地址輸入一樣,這里主要是研究JavaScript動態(tài)切換文本框焦點的問題。 -
預(yù)覽點擊按鈕跳轉(zhuǎn)的JS代碼
2012-12-04點擊按鈕后跳轉(zhuǎn)到指定位置或URL網(wǎng)址,老生長談的問題了,就是利用location.href對象實現(xiàn)URL轉(zhuǎn)向,雖然司空見慣了,但絕對很常用,因此收藏一下吧。 -
預(yù)覽左右兩個Select列表框交換數(shù)據(jù)的JS
2012-12-04左右兩個Select列表框交換數(shù)據(jù)的JS代碼,上下左右都可以移動數(shù)據(jù),還可以置頂、沉底,相信大家見到過,但覺得挺實用,與大家分享。 -
預(yù)覽JavaScript 判斷復(fù)選框是否選中并取出值
2012-12-04JavaScript 獲取復(fù)選框的值,有朋友在剛開始利用表單提交 數(shù)據(jù) 的時候,一般都會遇到表單中有一個特別的元素——復(fù)選框,判斷它是否選中以及獲取它的值 ,好像跟其它的表單元素有點不一樣,本代碼將為您展示如何獲取復(fù)選框的值并判斷是否被選中。 -
預(yù)覽讓文本框顯示行號,兼容ie、火狐
2012-12-04以前曾經(jīng)瘋狂的找類似的代碼,沒想到無意之中發(fā)現(xiàn)了,覺得挺實用的,它是用JavaScript+CSS二者結(jié)合讓文本框中的多行文字顯示行號,兼容ie及火狐瀏覽器,注意:如果沒有自動換行的話,請手功換行,會顯示行號,因本JS代碼是從別人站上摳下來的,所以為了與你的站配合完好,個別小地方需要修改。 -
預(yù)覽前進(jìn)后退按鈕
2012-12-03前進(jìn)后退按鈕 -
預(yù)覽選中復(fù)選框文字變色
2012-12-03選中復(fù)選框時文字變色,加上一個背景,變通一下,還是很有用的。 -
預(yù)覽一個帶提示的Ajax驗證表單
2012-12-03一個常用的Ajax表單驗證程序,適時提示你輸入的字符是否符合要求,簡潔明快,便于你修改,它是用JavaScript實現(xiàn)的,沒有摻雜其它的框架類代碼,因此比較實用。 -
預(yù)覽簽名框(Textarea)限制文字?jǐn)?shù)量并適時提示
2012-12-03僅用了一行代碼就實現(xiàn)了文本框的文字輸入數(shù)量限制,并適時給出提示,一般常見于發(fā)表評論、留言或簽名框等,當(dāng)輸入的字符達(dá)到 限制后,就不能再輸入了,你輸入一個,會被程序刪除一個,有意思吧? -
預(yù)覽點擊按鈕后實現(xiàn)復(fù)制和剪切的代碼
2012-12-03在一些技術(shù)類網(wǎng)站我們看到過類似的效果,當(dāng)我們點擊按鈕可以實現(xiàn)對應(yīng)文本框的內(nèi)容被復(fù)制或被剪切到Windows剪貼板,如果我們在網(wǎng)頁上需要有很多內(nèi)容讓用戶復(fù)制的話,我們可以結(jié)入一個這樣功能的按鈕,省去用戶操作的麻煩。 -
預(yù)覽JavaScript 動態(tài)刪除/添加HTML表單元素
2012-12-03這是一個利用JavaScript動態(tài)添加/刪除HTML元素的實例,這里被動態(tài)添加、刪除的是表單元素,一個文件上傳域,使用JS控制自動添加,你一些郵箱添加附件的功能一樣,同時也可以動態(tài)刪除,比較常用了。 -
預(yù)覽點擊按鈕選中文本框的內(nèi)容,JS代碼
2012-12-03點擊按鈕選中文本框的內(nèi)容,JavaScript代碼,也就是點擊按鈕完成會選的功能,用戶不用拖動鼠標(biāo)去選擇內(nèi)容,這樣會減少用戶的操作,提升你網(wǎng)站的用戶體驗,代碼是比較簡單的,但非常實用。 -
預(yù)覽JavaScript字母、漢字混合的拼音排序列表框
2012-12-03這個拼音首字母排序更牛,不但可以讓漢字排起來,而且還可以讓英文字母也加入到其中,排中綜合的順序,寫這個代碼的人太牛了,佩服,以前研究過,但沒搞懂,用最簡的代碼寫出如此實用、強(qiáng)大的功能,真是堪稱高手! -
預(yù)覽仿Discuz文本框彈出層的效果
2012-12-03這是一個在經(jīng)典論壇曾經(jīng)熱討論的問題,記得在QQ郵箱里也有類似功能,Discuz7.0論壇里同樣也有,當(dāng)你的鼠標(biāo)單擊文本框的時候,會彈出一個包含文字、圖片、表單無素的DIV層,里面的元素都可以進(jìn)行操作,很方便,選中的值會自動添加到文本框內(nèi)。本代碼經(jīng)過了多次修正,沒有進(jìn)行過多美化,你美工好的話可以自己美化。 -
預(yù)覽能用CSS打造的Select列表框
2012-12-03用CSS中的DL、DD、DT以及UL/LI列表布局出的select,這里你可能感覺不太漂亮,因為沒有用到修飾背景之類的圖片,CSS代碼中預(yù)留有位置,你可以自己制作想要的顏色和風(fēng)格加入到其中。IE6、IE7、IE8、firefox測試通過沒有問題!br> -
預(yù)覽下拉列表左右移動或交換數(shù)據(jù)代碼
2012-12-01下拉框的數(shù)據(jù)來回交換,記得最早是在人才網(wǎng)站選擇職位時候發(fā)現(xiàn)的這種功能,本款是模仿的,功能有點不一樣,只提供一種思路,希望對你有幫助。
- 相關(guān)鏈接:
- 欄目說明:
表單按鈕:提供了大量與表單按鈕相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找表單按鈕的最佳選擇。