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