CoffeeCup Web Form Builder是一款可以幫助你設計網頁表單的軟件，你可以直接在軟件添加新的元素，拖動軟件提供的元素就可以完成設計，不需要你編輯代碼，不需要你設計元素，只需要加載軟件提供的表單元素就可以構建新的網頁表單，適合網站設計行業(yè)的朋友使用；CoffeeCup Web Form Builder是國外軟件，雖然界面是英文，但是使用過程不復雜，每個用戶都可以在軟件輕松設計表單，并且可以將表單發(fā)送到郵件，需要的朋友可以下載體驗！

軟件功能

　　1、CoffeeCup Web Form Builder軟件提供多種表單設計方案

　　2、你可以在軟件設置新的表單，可以添加新的元素

　　3、可以為登錄網站設置表單，可以為菜單界面設置表單

　　4、拖動軟件的元素就可以進入編輯界面，每個元素都可以自己調整參數(shù)

　　5、支持 Title/Heading、Text Field、Number等元素加載

　　6、可以設置一個接收發(fā)布作品的郵箱地址

　　7、支持設置在提交表單時選擇您希望發(fā)生的事情。 確認消息對嵌入表單很有用

　　8、當有人完成您的fom時您將收到的消息

　　9、如果您手動導出表單以配置表單結果可以選擇保存為TXT，

　　10、如果您使用S-Drive Fomms進行自動表單處理，可以設置保存到MySQL數(shù)據(jù)庫

軟件特色

　?。?）工具欄：管理工作區(qū)所需的一切，從保存表單到發(fā)布以便在Web上使用。

　?。?）元素窗格：在這里，您可以找到創(chuàng)建表單所需的所有元素，從標題到復選框。

　?。?）屬性窗格：允許您設置當前所選元素的值。

　　（4）“表單選項”窗格：設置全局值，例如字體系列，大小和顏色，以及Captcha框和其他很酷的東西。

　?。?）編輯和實時預覽：這是您構建表單的工作區(qū)。

安裝方法

　　1、下載web-form-builder-trial-win-en-2.9-5525.exe軟件直接啟動安裝

　　2、提示軟件的安裝協(xié)議內容，點擊next執(zhí)行下一步

　　3、提示你輸入公司的名字，這里可以不輸入，點擊next

　　4、提示軟件的安裝地址設置界面C:Program Files (x86)CoffeeCup Software

　　5、可以顯示準備安裝的提示，點擊install

　　6、現(xiàn)在軟件開始復制數(shù)據(jù)，等待復制完畢就可以啟動軟件

　　7、提示安裝完畢界面，不要啟動軟件，點擊finish

破解方法

　　1、打開你下載的fix文件夾，復制兩個補丁到軟件軟件的安裝地址替換

　　2、如圖所示，這里是替換的界面，替換主程序就可以激活軟件

　　3、打開軟件顯示如下圖的界面，現(xiàn)在你可以設計表單，適合會英文的朋友使用！

　　4、可以在界面設計元素，支持點擊此處或在此處拖動元素即可開始使用

　　5、如圖所示，直接在右邊找到你需要使用的元素，隨后在右邊編輯相關的元素內容

　　6、例如你添加一個郵箱元素，可以在右邊找到相關的參數(shù)設置，可以輸入新的名字，可以調整排版樣式

　　7、小編將原來的郵箱標題設置為河東軟件園郵箱，其他的內容自己選擇吧

　　8、也可以設置顏色，對當前的項目配置新的顏色內容

　　9、也可以對Select a date設計，所有元素都在右邊編輯參數(shù)

　　10、下方是提交設置功能，當客戶需要提交表單界面內容的時候就點擊 Submit

　　11、 Submit也可以在這里設置，幫助用戶重新設置提交表單的元素內容

　　12、設計完畢點擊save就可以保存當前的項目，這樣你的表單內容就編輯完畢了

　　13、點擊 Web Form Builder Help可以查看官方的教程，可以進入網頁查看使用本軟件的教程

　　14、軟件的設置功能，表單名稱：通過選擇區(qū)域和城市來設置表單結果中使用的時區(qū)。

　　15、您可以使用您的Coffee Cup帳戶信息發(fā)布您的fom。 測試提交功能或將其添加到任何頁面或無帳戶

　　16、總體來說CoffeeCup Web Form Builder軟件使用還是非常方便的，需要設計表單的朋友就下載吧！

使用說明

　　設計表單的方法

　　在我們開始之前只需注意：有許多不同的方法可以執(zhí)行我們將在本教程中解釋的功能。例如，要保存表單 - 您應該經常這樣做。

　　您可以：

　　轉到文件>保存

　　單擊工具欄上的“ 保存”按鈕

　　按Ctrl + S.

　　此外，通過選擇“ 文件”>“從模板中新建”，您可以獲得特定類型表單的跳轉。

　　您可以從大量常用表單類型中進行選擇，并根據(jù)您的需要進行調整。好的，讓我們開始吧！

　　第1步：添加標題

　　讓我們從提供描述性標題開始。單擊“ 元素”窗格中的“ 標題/標題”按鈕。

　　元素窗格

　　請注意，標題已添加到表單的頂部，但它只是文本讀取“ 標題 ”。要更改此選項，請選擇標題，然后單擊“ 屬性”窗格。讓我們將文字改為“ 聯(lián)系我們！“字體大小為18。您也可以簡單地雙擊title元素以訪問“ 屬性”窗格。

　　改變標題

　　嘿看，標題！讓我們添加一些東西！

　　第2步：添加文本字段

　　由于這是一個聯(lián)系表單，讓我們創(chuàng)建一個文本字段，我們的用戶可以在其中鍵入其名稱。單擊“ 元素”窗格下的“ 文本字段”按鈕。

　　添加文本字段

　　這會在我們的工作區(qū)中添加一個新的文本字段，其上方帶有“標簽”字樣。要更改此設置，請雙擊該元素或選擇該元素并切換到“ 屬性”窗格。對于我們的示例，我們在“ 標簽”字段中添加“您的姓名”字樣。請注意，表單會在您鍵入時實時更新。

　　仍在“ 屬性”窗格中時，請在名為“ 名稱”的字段下方查看“ 標簽 ” 。雖然標簽是表格上顯示的，但名稱僅用于內部目的; 表單提交者永遠不會看到這個值。

　　Web窗體生成器提供默認的名稱值，例如“text2”，如果您不更改它，您的表單結果將以“text2”旁邊顯示的人名來到達。將其更改為更有意義的內容（例如“Name_of_User”）是一個好主意。

　　更改名稱

　　現(xiàn)在我們需要添加另一個輸入框來收集用戶的電子郵件地址。有一個特定的按鈕用于此目的，與標準輸入框略有不同。

　　第3步：添加電子郵件地址輸入框

　　要包含專門收集電子郵件地址的字段，請單擊“ 元素”窗格的“ 魔法”部分中標記為“ 電子郵件地址”的按鈕。讓我們看看它的外觀。

　　添加電子郵件地址元素

　　這個按鈕的工作方式與標準輸入框略有不同：它包含默認占位符文本“you@domain.com”，可幫助指導用戶。它在輸入框中放置了一個電子郵件地址的示例，當用戶單擊它時它會消失。像之前一樣輸入相應的Label和Name值，并根據(jù)需要輸入新的占位符文本。

　　編輯電子郵件地址元素

　　還有一件事：在“ 屬性”窗格中看到標記為“ 驗證”的復選框？選中此框包括第二個電子郵件地址輸入，要求用戶將他們輸入的內容與第一個輸入相匹配。如果您的用戶需要格外小心地提供正確的電子郵件地址，此選項可能很有用。

　　第4步：添加單選按鈕

　　接下來，讓我們在表單中添加一些單選按鈕。為此，請單擊“ 元素”窗格下的“ 單選按鈕 ” 。

　　添加單選按鈕

　　默認情況下，這將為表單顯示三個單選按鈕，標簽為“選擇一個選項”。讓我們繼續(xù)并在“ 屬性”窗格下將此值更改為“您為什么要聯(lián)系我們？”。

　　要更改單選按鈕的標簽，請雙擊“ 選項”框中的每個項目以輸入新文本。要添加，刪除或重新排列單選按鈕的順序，請使用此框下方的加號，減號和向上/向下箭頭。讓我們使用+按鈕添加第四個單選按鈕。使用標記為“ 布局”的下拉菜單選擇按鈕在表單中的排列方式。

　　接下來，讓我們?yōu)橛脩籼峁┮恍┻x擇。選擇一個單選按鈕并將標簽更改為“我有一個問題”，其他人更改為“我有一個評論”，“我有一個問題”和“我有一個建議”。由于這些標簽有點長，因此將“布局”值更改為“ 兩列”。

　　我們現(xiàn)在看看我們的表格：

　　查看表單

　　第5步：添加文本區(qū)域

　　讓我們?yōu)橛脩籼峁┮粋€空間來撰寫更多評論。在此步驟中，我們將添加一個文本區(qū)域，用戶可以在其中輸入大塊文本。首先，單擊“ 元素”窗格下的“ 文本區(qū)域”按鈕。

　　添加文本區(qū)域元素

　　讓我們使用“ 屬性”窗格下的一些文本區(qū)域設置。首先，我們將此名稱添加到文本區(qū)域：“說出你的想法！”。您可以通過調整“ 寬度”和“ 高度”框中的值來更改文本區(qū)域的大小。

　　以下是我們表單的外觀：

　　將名稱添加到文本區(qū)域元素

　　但是這些單選按鈕可能不是這種形式的最佳選擇。讓我們看一下下拉菜單的樣子。

　　第6步：添加下拉菜單

　　要向表單添加下拉菜單，請單擊“ 元素”窗格下的“ 下拉”按鈕。

　　添加下拉元素

　　選擇下拉菜單并切換到“ 屬性”窗格，為我們的下拉菜單指定名稱 - “聯(lián)系原因”？接下來，讓我們使用+按鈕添加一個選項，然后將選項更改為“我有一個問題”，“我有一個評論”，“我有一個問題”和“我有一個建議”。由于我們現(xiàn)在有這個下拉菜單，我們不再需要那些單選按鈕了。選擇表單的單選按鈕部分，然后單擊“ 元素”或“ 屬性”窗格右側下方的“ 刪除”按鈕。現(xiàn)在將您的下拉菜單拖到“電子郵件地址”和“說出你的想法！”之間的空間中。

　　編輯下拉元素

　　這看起來很不錯，我們釋放了很多空間?，F(xiàn)在讓我們做一些最后的修飾！

　　第7步：設置表單選項

　　現(xiàn)在讓我們切換到名為Form Options的選項卡，我們將設置調整為整個表單。

　　在這里，您可以選擇要在表單主文本中使用的字體，以及字體的顏色和文本大小。您還可以使用“ 標簽位置”下拉菜單選擇標簽與其對應元素相比的方向。使用“ 表單寬度”字段設置表單的寬度。

　　如果您想確保您的表單由人工使用而不是編程填寫表格的機器人，請從Captcha下拉菜單中選擇一個選項。Captcha要求用戶識別兩個設計為機器人難以識別的單詞，阻止他們自動填寫表單。

　　第8步：應用主題

　　只需點擊兩下，我們就可以對表單進行徹底改造！首先，單擊“ 主題”工具欄按鈕。

　　應用主題

　　此按鈕可打開主題瀏覽器。

　　主題瀏覽器窗口

　　計算機上的所有表單生成器主題都顯示在主題瀏覽器中。請注意，當您單擊這些選項時，會立即應用主題。這使您可以快速嘗試大量設計，找到效果最好的設計。對于我們的例子，我們將選擇“學術”主題。

　　我們的表格完成了！準備好在瀏覽器中看到它的樣子了嗎？

　　第9步：預覽表單

　　您可以使用預覽工具查看表單在Web上的外觀！為此，請單擊“ 預覽”工具欄按鈕。由于預覽表單完全顯示，我們可以測試下拉菜單。

　　預覽表單

　　從列表中選擇計算機上安裝的瀏覽器之一，以打開表單的預覽。您現(xiàn)在可以預覽所有表單元素。以下是我們表單的外觀：

　　表格外部預覽

　　太好了！請注意，我們一直使用表單寬度370（在“ 表單選項”窗格中可調整），并且我們已將左側對齊“ 提交”按鈕。您可以選擇“提交”按鈕并像調整其他元素一樣調整其屬性。好的，讓我們上傳我們的表格！

　　第10步：將其置于在線狀態(tài)

　　使表單聯(lián)機的最簡單方法是在“設置”菜單的“ 表單發(fā)布”選項卡中輸入CoffeeCup帳戶信息。相信我們，設置和發(fā)布一鍵式流程需要幾秒鐘。真的！

　　表單發(fā)布窗口

　　如果您還沒有CoffeeCup帳戶，請點擊“ 獲取帳戶 ”。它不需要任何費用，它會自動設置您的免費測試S-Drive帳戶。

　　點擊Go后！您只需要選擇要發(fā)布到的地址：

　　選擇發(fā)布表單的位置

　　現(xiàn)在您的發(fā)布目的地已設置，您的表單可以在Internet上加入其HTML好友。您可以隨時單擊“ 發(fā)布”工具欄圖標。

　　發(fā)布您的表單！

　　您可能會被提示首先保存表單，這總是一個好主意。根據(jù)需要多次單擊“ 發(fā)布” ; Web窗體生成器將覆蓋所有必需的文件，因此您最終不會有數(shù)百個冗余文件。