以前大家都很習慣使用FrontPage或Dreamweaver等「所見即所得」的網頁編輯器來編寫網頁,不過這些軟體一套都要很多很多錢,而且會佔用不少硬碟空間,如果你偶爾才會用到一次這些軟體,其實也可以試試看其他網路上的免費工具所提供的服務。

剛剛看到一個相當方便好用的線上「表單」編輯製作服務,我們可以像使用FrontPage等網頁編輯軟體那樣的點選、拖拉你要的表單、項目,設定好之後就可以把HTML網頁程式碼COPY下來貼到你的網站中,相當方便好用。




JotForm支援一般常見的文字區塊、選單、按鈕、方框、下拉選單...等等各式表單項目之外,還可支援CAPTCHA防機器人灌水機制、星等評比按鈕、日期選擇方塊、檔案上傳機制…與其他PayPal、Google Checkout..等各式付款機制的程式碼(部分功能需付費會員才可使用),整個相當方便好用,而且直接用滑鼠拖拉就可以搞定。

登入網站後製作好的表單都可以儲存在JotForm的帳戶中,我們可以隨時取用以前曾經製作過的各類表單,做好之後除了可以預覽表單畫面、取用HTML原始碼之外,還可直接分享給你的朋友看,或邀請朋友來填寫表單內容。

網站名稱:JotForm 網站網址:http://www.jotform.com/

 

網站介面:

第1步  第一次使用時,可以按一下「my forms」,在「Free SignUp」中填上你的帳號、Eamil與密碼,免費註冊一個新帳號,註冊完後需登入網站才可正常使用表單製作功能。

01-JotForm 網頁表單產生器

 

第2步  登入網站後,「My Forms」頁面中會列出你所製作過的一些表單,我們可以直接按放大鏡圖示檢視表單內容,或按鉛筆圖示編輯原本的表單。

02-JotForm 網頁表單產生器

 

第3步  如果想製作新的表單,可以按一下左上角的「New」按鈕,並從預設的12種表單樣式中挑選一個最符合你的需求的樣式,或者也可以按「Blank Form」空白表單讓自己從頭開始做起。

03-JotForm 網頁表單產生器

 

第4步  編輯時,我們可以直接從右邊的工作列中將你要的項目用滑鼠左鍵拖拉到表單內容中,拖進去之後再修改標題、名稱與相關設定。

04-JotForm 網頁表單產生器

 

第5步  另外還有些放在「POWER TOOLS」裡面的超強工具(部分為付費會員才可使用),可以讓我們輕鬆的幫網頁加上Captcha、星等評比...等等各式延伸功能。

05-JotForm 網頁表單產生器

 

第6步  製作好表單之後,我們可以按一下上方的「Source」按鈕,檢視表單的HTML原始碼,也可以直接按「Download Zip」將程式碼下載回來。

06-JotForm 網頁表單產生器

 

第7步  另外還有個「Form Wizard」表單製作精靈,讓我們透過一步一步的設定畫面,幫表單套上好看的Theme佈景主題、調整字型與字體大小、背景顏色、聯絡方式…等等各種細節,輕輕鬆鬆按一按就可以搞定一堆複雜的表單設計工作。

07-JotForm 網頁表單產生器

s982006 發表在 痞客邦 PIXNET 留言(0) 人氣()