Arclab Web Form Builder是一款好用的網(wǎng)頁(yè)表單制作工具，它包括所有類型的輸入元素，可以在用戶輸入上進(jìn)行驗(yàn)證，以幫助用戶正確填寫表單并避免無效數(shù)據(jù)。另外該程序還包含用于計(jì)算和交互式表單的隱藏字段和邏輯元素。感興趣的朋友千萬不要錯(cuò)過了。

Arclab Web Form Builder教程

1、在本站下載并解壓，得到awebform.exe安裝程序和key序列號(hào)

2、閱讀協(xié)議，選擇我同意，點(diǎn)擊next

3、如圖所示，點(diǎn)擊瀏覽選擇軟件安裝路徑，點(diǎn)擊next

4、創(chuàng)建桌面快捷方式，查看安裝信息

5、繼續(xù)點(diǎn)擊next開始安裝，并稍等一會(huì)兒

6、安裝完成，去勾選運(yùn)行軟件選項(xiàng)，點(diǎn)擊finish退出向?qū)?/p>

7、安裝完成后使用下面的序列號(hào)注冊(cè)即可

軟件功能

1、選擇你的元素

您夢(mèng)寐以求的形式可以在幾秒鐘內(nèi)完成。將輸入字段和其他表單元素拖放到位 - 瞧，一個(gè)新的Web表單已經(jīng)誕生!

對(duì)于注冊(cè)表單，訂單，調(diào)查，邀請(qǐng)，應(yīng)用程序，聯(lián)系請(qǐng)求，訂閱以及您可以想象的任何其他內(nèi)容，您可以根據(jù)需要隨時(shí)處理無限的可能性。

2、自定義字段

填寫空白，將每個(gè)表格元素塑造成您所需要的。調(diào)整文本，標(biāo)簽，顏色和許多其他選項(xiàng)。通過完全控制設(shè)計(jì)和功能，您可以確保獲得正在尋找的確切Web表單。

放輕松，只調(diào)整基礎(chǔ)知識(shí)?；蛘呋◣追昼姇r(shí)間配置所有幕后的東西，這些東西可以構(gòu)建一個(gè)非常強(qiáng)大的Web表單。您甚至可以根據(jù)填寫表單的人的操作和選擇使元素顯示或消失。

3、使用響應(yīng)式設(shè)計(jì)

只需單擊一下，您就可以將智能響應(yīng)主題應(yīng)用于表單(或只使用標(biāo)準(zhǔn)主題)。每個(gè)主題都是使用HTML5和CSS3 Web標(biāo)準(zhǔn)構(gòu)建的，因此您可以稍后通過編輯代碼來進(jìn)行任何自定義。

4、決定數(shù)據(jù)的去向

如果您愿意，表單生成器將在您填寫表單時(shí)通過電子郵件發(fā)送給您。您還可以告訴它將表單結(jié)果保存到S-Drive儀表板，數(shù)據(jù)庫(kù)和/或文本文件。

想給你的提交者一個(gè)愉快的經(jīng)歷嗎?設(shè)置確認(rèn)消息，以便他們?cè)邳c(diǎn)擊提交時(shí)知道一切順利。或者將它們重定向到另一個(gè)網(wǎng)頁(yè)。表單生成器甚至可以發(fā)送確認(rèn)電子郵件，以便他們確信您獲得了他們的信息。

6、用你的表格賺錢

只需花一點(diǎn)時(shí)間設(shè)置一個(gè)支付服務(wù)提供商，用你想要收費(fèi)的東西裝點(diǎn)你的表格，并觀看資金滾動(dòng)。創(chuàng)建一個(gè)T恤訂單，讓買家選擇自己的顏色，尺寸和字樣。接受捐款并讓訪客選擇自己的價(jià)格?？赡苄允菬o窮無盡的：有這么多付款方式，你就走上了成功的道路。

Form Builder與許多最受歡迎的支付提供商集成，包括PayPal，Authorize.Net和2Checkout。您甚至可以選擇通過電子郵件發(fā)送發(fā)票，讓買家負(fù)責(zé)付款。

7、一鍵發(fā)布

使用我們的免費(fèi)S-Drive Forms服務(wù)來托管您的Web表單，或?qū)⑽募蟼鞯侥约旱姆?wù)器。由于這些表單與兩個(gè)目標(biāo)完全兼容，因此您可以隨時(shí)從一個(gè)目錄切換到另一個(gè)目標(biāo)。

您只需單擊一下即可使用Web Form Builder Lite免費(fèi)發(fā)布到S-Drive。只需輸入您的CoffeeCup帳戶信息，選擇一個(gè)發(fā)布目的地，然后根據(jù)需要隨時(shí)單擊“發(fā)布”。 S-Drive也為您提供了大量其他獨(dú)特的特權(quán)。

軟件特色

一、表單設(shè)計(jì)變得簡(jiǎn)單

在使用HTML的任何設(shè)備上完美呈現(xiàn)，包括iPhone和iPad。

即時(shí)交換您的表單主題 - 嘗試一對(duì)完美契合。

附帶15個(gè)專業(yè)級(jí)主題，并在表格主題商店中提供更多主題。

響應(yīng)式主題確保您的表單在每個(gè)設(shè)備上都看起來很完美 - 無論大小。

添加友好的提示和占位符，使您的表單更容易，更友好地填寫。

表單符合Section 508可訪問性。(相信我們，這是件好事。)

為某些字段設(shè)置默認(rèn)值。如果訪問者沒有更改它們，它們將被提交。

拖放表單元素以重新排列它們。

利用自動(dòng)對(duì)焦字段。(為訪客提供一個(gè)起點(diǎn)。)

W3C有效的HTML5，CSS3，甚至優(yōu)雅的降級(jí) - 比聽起來更棒!

在表單中設(shè)置字段標(biāo)簽的位置。

定義表單的字體系列，大小和顏色，然后(可選)為每個(gè)標(biāo)簽自定義它們。

使用多個(gè)列和甜美的“Spacer”Magic元素在一個(gè)頁(yè)面上放置很多字段(哦，可能性......)

自定義截面和場(chǎng)顏色。

完全控制表單頁(yè)眉和頁(yè)腳：添加背景，控制高度，插入您的徽標(biāo)，是的，更多!

為超時(shí)髦的設(shè)計(jì)添加圖像和圖標(biāo)。

自定義樣式表以獲得最大程度的控制。(您將能夠?qū)敫摹?

用于事件注冊(cè)，聯(lián)系表單，客戶調(diào)查，預(yù)訂，RSVP等的模板。

控制所有最重要的形式元素的定位：提交按鈕。

利用多頁(yè)表單(因?yàn)槌?jí)表單有時(shí)需要拆分成塊)。

二、是的，你也可以建立那個(gè)

復(fù)雜的形式是創(chuàng)造和設(shè)計(jì)的基礎(chǔ)。

超級(jí)付款選項(xiàng)(從您的表格中賺錢)。

使用顯示規(guī)則根據(jù)填寫表單的人員的操作和選擇來顯示和隱藏表單元素。

將字段標(biāo)記為“必需”，并在必要時(shí)顯示相應(yīng)的警告消息。

按字段類型自動(dòng)驗(yàn)證用戶輸入(并獲得更可靠的數(shù)據(jù))。

自動(dòng)驗(yàn)證電子郵件和密碼字段的用戶輸入。(鍵入兩次以消除錯(cuò)誤。)

定義數(shù)字字段的值范圍和間隔步驟。

使用時(shí)尚的日歷來選擇日期，并從各種日歷日期格式中進(jìn)行選擇。

使用隱藏的字段(僅限您的眼睛)。

使用魔法領(lǐng)域：您喜愛的預(yù)先配置的領(lǐng)域組合!

HTML元素允許您包含HTML代碼塊(或JavaScript，如果您是專家)。

可以一次上傳多個(gè)文件。

完整的UTF-8支持：幾乎可以使用表單中的任何語(yǔ)言。

使用reCAPTCHA v1和v2一鍵式驗(yàn)證碼支持，以保護(hù)您的表單免受垃圾郵件的侵害。

多個(gè)reCAPTCHA主題選項(xiàng)。

使用正則表達(dá)式編寫您自己的字段驗(yàn)證規(guī)則(包含10多個(gè)示例-bam!)

控制每個(gè)單獨(dú)字段元素的寬度和填充。

控制提交按鈕位置并使用自定義按鈕圖像。

添加徽標(biāo)和表單圖像的鏈接。

使用聯(lián)系人列表，以便將結(jié)果發(fā)送到表單中選擇的部門。

使用左，右，居中或?qū)R的文本對(duì)齊方式。

三、出版和分享

一鍵式表單發(fā)布到S-Drive。

使用唯一的網(wǎng)址輕松共享/鏈接整頁(yè)表單。

輕松將您的表單嵌入您的網(wǎng)站，博客，商店 - 您想要的任何地方!

完整的代碼控制：根據(jù)需要導(dǎo)出和編輯HTML，CSS甚至PHP文件。

寶貝得到了后端

使用S-Drive全面了解所有表單。

使用自動(dòng)表單處理。無需觸摸friggin'數(shù)據(jù)庫(kù)即可獲得結(jié)果。

使用您自己的PHP服務(wù)器，但讓您的托管服務(wù)提供商將其升級(jí)到PHP 5.3，好嗎?

支持PHP SMTP身份驗(yàn)證。(如果您使用自己的SMTP郵件服務(wù)器，請(qǐng)使用自己的SMTP郵件服務(wù)器。)

在提交表單時(shí)向您的客戶發(fā)送完全可定制的電子郵件。您也可以包含他們?cè)卩]件中輸入的數(shù)據(jù)。

為自動(dòng)響應(yīng)消息提供自定義“發(fā)件人”地址。

表單提交后，將訪問者重定向到特定URL。

提交后向訪問者或客戶顯示自定義消息。

每次提交表單時(shí)都會(huì)收到電子郵件通知。

將表單結(jié)果記錄到MySQL數(shù)據(jù)庫(kù)，CSV文件(逗號(hào)分隔值)或兩者中!

輕松下載表單結(jié)果作為文本文件。

用于將表單提交路由到適當(dāng)?shù)刂返穆?lián)系人列表選項(xiàng)。

自動(dòng)將提交的文本和附件發(fā)布到網(wǎng)頁(yè)和相冊(cè)。

使用S-Drive托管自動(dòng)表單統(tǒng)計(jì)信息。

即時(shí)了解表單統(tǒng)計(jì)信息，包括轉(zhuǎn)化率。

自動(dòng)存儲(chǔ)和報(bào)告表單結(jié)果 - 甜蜜!

看看有多少人查看了您的表單。

跟蹤有多少人開始填寫表單。

在一個(gè)視圖中查看每個(gè)表單的提交數(shù)量!

IP地址和提交時(shí)間戳?xí)詣?dòng)添加到表單結(jié)果中。

四、第三方集成

使用內(nèi)置的MailChimp集成來增長(zhǎng)和管理電子郵件郵件列表。

與PayPal，2Checkout和Authorize.net等支付提供商集成。

與Eventbrite，F(xiàn)acebook等其他第三方服務(wù)集成。

使用教程

設(shè)計(jì)表單

有許多不同的方法可以執(zhí)行我們將在本教程中解釋的功能。例如，要保存表單 - 您應(yīng)該經(jīng)常這樣做。

您可以：

轉(zhuǎn)到文件>保存

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

按Ctrl + S.

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

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

第1步：添加標(biāo)題

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

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

嘿看，標(biāo)題!讓我們添加一些東西!

第2步：添加文本字段

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

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

仍在“ 屬性”窗格中時(shí)，請(qǐng)?jiān)诿麨?ldquo; 名稱”的字段下方查看“ 標(biāo)簽 ” 。雖然標(biāo)簽是表格上顯示的，但名稱僅用于內(nèi)部目的; 表單提交者永遠(yuǎn)不會(huì)看到這個(gè)值。

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

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

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

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

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

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

第4步：添加單選按鈕

接下來，讓我們?cè)诒韱沃刑砑右恍﹩芜x按鈕。為此，請(qǐng)單擊“ 元素”窗格下的“ 單選按鈕 ” 。

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

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

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

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

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

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

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

第6步：添加下拉菜單

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

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

這看起來很不錯(cuò)，我們釋放了很多空間。現(xiàn)在讓我們做一些最后的修飾!

第7步：設(shè)置表單選項(xiàng)

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

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

如果您想確保您的表單由人工使用而不是編程填寫表格的機(jī)器人，請(qǐng)從Captcha下拉菜單中選擇一個(gè)選項(xiàng)。Captcha要求用戶識(shí)別兩個(gè)設(shè)計(jì)為機(jī)器人難以識(shí)別的單詞，阻止他們自動(dòng)填寫表單。

第8步：應(yīng)用主題

只需點(diǎn)擊兩下，我們就可以對(duì)表單進(jìn)行徹底改造!首先，單擊“ 主題”工具欄按鈕。

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

計(jì)算機(jī)上的所有表單生成器主題都顯示在主題瀏覽器中。請(qǐng)注意，當(dāng)您單擊這些選項(xiàng)時(shí)，會(huì)立即應(yīng)用主題。這使您可以快速嘗試大量設(shè)計(jì)，找到效果最好的設(shè)計(jì)。對(duì)于我們的例子，我們將選擇“學(xué)術(shù)”主題。

我們的表格完成了!準(zhǔn)備好在瀏覽器中看到它的樣子了嗎?

第9步：預(yù)覽表單

您可以使用預(yù)覽工具查看表單在Web上的外觀!為此，請(qǐng)單擊“ 預(yù)覽”工具欄按鈕。由于預(yù)覽表單完全顯示，我們可以測(cè)試下拉菜單。

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

太好了!請(qǐng)注意，我們一直使用表單寬度370(在“ 表單選項(xiàng)”窗格中可調(diào)整)，并且我們已將左側(cè)對(duì)齊“ 提交”按鈕。您可以選擇“提交”按鈕并像調(diào)整其他元素一樣調(diào)整其屬性。好的，讓我們上傳我們的表格!

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

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

如果您還沒有CoffeeCup帳戶，請(qǐng)點(diǎn)擊“ 獲取帳戶 ”。它不需要任何費(fèi)用，它會(huì)自動(dòng)設(shè)置您的免費(fèi)測(cè)試S-Drive帳戶。

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

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

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

發(fā)布過程的最后一部分是表格成功發(fā)布!窗口：

您可以點(diǎn)擊此處顯示的鏈接，在網(wǎng)絡(luò)上測(cè)試現(xiàn)實(shí)世界中的表單!這不僅僅是一個(gè)很好的預(yù)覽; 這是真正的交易。

就是這樣!您已成功設(shè)計(jì)并上傳了基本聯(lián)系表單。如果不設(shè)置其他任何內(nèi)容，表單結(jié)果將開始在您的S-Drive儀表板中收集。您將能夠在光滑的界面中閱讀和管理這些結(jié)果。

當(dāng)然，這只是您使用Web Form Builder可以做的事情的開始。對(duì)于表單如何處理可在“設(shè)置”菜單中配置的結(jié)果和提交，還有更多選項(xiàng)。您可以在“設(shè)置表單結(jié)果，通知和確認(rèn)選項(xiàng)”一章中閱讀有關(guān)這些選項(xiàng)的更多信息。