下面給大家介紹10款設計簡單但是外觀精美的jquery和css3表單,希望對大家有所幫助。
1、發光的html5表單
這是一款非常漂亮的html5登入表單,當表單獲取焦點時,表單四周就會呈現出發光動畫的效果,並不斷地進行顏色漸變;當表單失去焦點時,停止發光。其中顏色漸變的動畫只有基於webkit的瀏覽器才有效果,比如chrome和safari。
2、帶滑動條、日曆、取色器等常用功能的html5表單
這是一款非常經典的css3&html5表單,我之所以稱之為經典,是因為在這個表單中整合了不少我們開發中常用的控制項,比如slider 滑動條、數字框、日曆、取色器、url位址框、email位址框,不像有些css3表單,純粹是外觀上比較迷人但功能卻不是很豐富。就外觀上而言,這個 css3表單也非常不錯,還算大氣。
這個css3表單主要用到了
webforms2,
modernizr,
jquery ui以及其他的jquery外掛程式。
3、html5 css3表單
4、jquery和css3的多步驟登錄檔單
這是一款基於jquery和css3實現的多步驟登錄檔單,當使用者註冊時,該表單將引導使用者分步完成註冊資訊的填寫並作註冊資訊的合法性驗證,每乙個註冊環節都會在下面的進度條中體現出來,在ie8及以上瀏覽器中測試通過,ie6應該也支援的,大家可以幫忙試試。
6、html5 css3聯絡表單
7、html5和css3登入表單
這是一款基於html5和css3的登入表單,非常簡潔、美觀。該html5表單所用到的html 5的特性:
8、簡單美觀的css3登入表單
9、基於jquery的仿twitter下拉登入表單
這是乙個基於jquery的仿twitter的下拉登入表單,讓使用者直接可以在當前頁面登入而不用跳轉到另外的登入頁面,另外由於可以展開和摺疊,也並不會占用太大空間。
10、下拉列表表單
10款精美的HTML5表單登入聯絡和搜尋表單
1 html5 css3仿facebook登入表單 這款純css3發光登入表單更是絢麗多彩。今天我們要分享一款仿facebook的登入表單,無論從外觀還是功能上說,這款登入表單還是挺接近facebook登入表單的。2 css3可折疊顯示的發光搜尋表單 這次要分享的一款css3表單是一款可折疊顯示的發...
10款CSS框架,簡單易用
程式開發人員和網頁設計人員掐架的事情常有聽說,程式設計師們總是為自己設計不出來漂亮的網頁而糾結。不再鬱悶,本文即將為你介紹10款相當不錯的css框架。1 css網頁布局框架 elastic 簡單的 css 框架,用於網頁布局,可實現各種常見的網頁布局,如下圖所示 2 x html css 框架 th...
8款效果精美的 jQuery 載入動畫和進度條外掛程式
載入動畫和進度條在 和web應用中的使用非常流行。雖然網速越來越快,但是我們的 越來越複雜,同時使用者對 的使用體驗的要求也越來越高。在內容載入緩慢的時候,使用時尚的載入動畫和進度條告訴使用者還有內容正在載入是一種非常好的方式。今天這篇文章向大家推薦8款基於jquery實現的載入動畫和進度條外掛程式...