將Forms轉譯為HTML

本檔案中的範例和範例僅適用於JEE環境上的AEM Forms。

Forms服務會回應來自網頁瀏覽器的HTTP要求，將表單轉譯為HTML。 將表單轉譯為HTML的好處是用戶端網頁瀏覽器所在的電腦不需要Adobe Reader、Acrobat或Flash Player(適用於表單指南（已淘汰）)。

若要將表單轉譯為HTML，表單設計必須儲存為XDP檔案。 另存為PDF檔案的表單設計無法呈現為HTML。 在設計工具中開發要呈現為HTML的表單設計時，請考慮下列條件：

• 請勿使用對象的邊框屬性在窗體上繪製線、框或網格。 某些瀏覽器可能無法像預覽中一樣排列邊框。 對象可能呈分層狀態，也可能將其他對象推離其預期位置。
• 您可以使用線、矩形和圓來定義背景。
• 繪製文本比容納文本所需的文本稍大。 有些網頁瀏覽器無法清晰顯示文字。

HTML頁面

當表單設計呈現為HTML表單時，每個第二層子表單都呈現為HTML頁面（面板）。 您可以在設計工具中檢視子表單的階層。 屬於根子表單的子表單（根子表單的預設名稱為form1）是面板子表單。 以下範例顯示表單設計的子表單。

     form1
         Master Pages
         PanelSubform1
             NestedDynamicSubform
                 TextEdit1
         PanelSubform2
             TextEdit1
         PanelSubform3
             TextEdit1
         PanelSubform4
             TextEdit1

當表單設計呈現為HTML表單時，面板不受限制於任何特定頁面大小。 如果您有動態子表單，應將其巢狀內嵌在面板子表單中。 動態子表單可以展開至無限數量的HTML頁面。

將表單轉譯為HTML表單時，頁面大小(將表單轉譯為PDF所需的頁面大小)沒有意義。 因為具有可流動版面的表單可以展開為無限數量的HTML頁面，所以請務必避免主版頁面上的頁尾。 主版頁面上內容區域下方的頁尾可能會覆寫流過頁面界限的HTML內容。

您必須使用 xfa.host.pageUp 和 xfa.host.pageDown 方法。 您可以將表單傳送至Forms服務，並讓Forms服務將表單轉譯回用戶端裝置（通常是網頁瀏覽器），借此變更頁面。

.fsc-ds-ssb:此樣式表適用於空白符號欄位。

.fsc-ds-ssv:此樣式表適用於有效符號欄位。

.fsc-ds-ssc:此樣式表適用於有效符號欄位，但資料已變更。

.fsc-ds-ssi:此樣式表適用於無效符號欄位的情況。

.fsc-ds-popup-bg:未使用此樣式表屬性。

.fsc-ds-popup-btn:未使用此樣式表屬性。

執行指令碼

表單作者會指定指令碼是在伺服器上還是在用戶端上執行。 Forms服務會建立分散的事件處理環境，以執行可在用戶端與伺服器之間使用 runAt 屬性。 如需此屬性或在表單設計內建立指令碼的相關資訊，請參閱 Forms Designer

Forms服務可在表單轉譯時執行指令碼。 因此，您可以連接到資料庫或客戶端上可能不可用的Web服務，用資料預填表單。 您也可以設定按鈕的 Click 事件，以便客戶端將行程資料轉送到伺服器。 這允許客戶端在用戶與表單交互時運行可能需要伺服器資源的指令碼，如企業資料庫。 對於HTML表單，只能在伺服器上執行formcalc指令碼。 因此，您必須標籤這些指令碼以在 server 或 both.

您可以借由呼叫 xfa.host.pageUp 和 xfa.host.pageDown 方法。 此指令碼會放在按鈕的 Click 事件和 runAt 屬性設為 Both. 您選擇的原因 Both 這樣Adobe Reader或Acrobat(針對以PDF呈現的表單)就可以變更頁面，而不需前往伺服器，HTML表單可以將資料往返到伺服器來變更頁面。 也就是說，表單會傳送至Forms服務，且表單會呈現回HTML狀態，並顯示新頁面。

建議您不要為指令碼變數和表單欄位指定與項目等相同的名稱。 某些網頁瀏覽器（例如Internet Explorer）可能無法初始化與表單欄位同名的變數，而導致指令碼錯誤發生。 將表單欄位和指令碼變數命名為不同名稱是很好的作法。

呈現同時包含頁面導覽功能和表單指令碼的HTML表單時（例如，假設指令碼每次呈現表單時都從資料庫中檢索欄位資料），請確保表單指令碼位於form:calculate event中，而非form:readyevent中。

位於form:ready事件中的表單指令碼在表單初始呈現期間只會執行一次，且不會針對後續的頁面擷取執行。 相反地，會針對轉譯表單的每個頁面導覽執行form:calculate事件。

您可以在提交表單前叫用自訂指令碼。 此功能適用於所有可用的瀏覽器。 不過，只有當使用者呈現具有其的HTML表單時，才能使用它 Output Type 屬性設定為 Form Body. 當 Output Type is Full HTML. 如需設定此功能的步驟，請參閱管理說明中的設定表單。

您必須先定義呼叫的回呼函式，再提交表單，其中函式的名稱為 _user_onsubmit. 假設函式不會擲回任何例外，或若有，則會忽略例外。 建議將JavaScript函式放置在html的head區段中；不過，您可以在指令碼標籤結尾前的任何地方宣告該標籤，包括 xfasubset.js.

當formserver轉譯包含下拉式清單的XDP時，除了建立下拉式清單外，還會建立兩個隱藏的文字欄位。 這些文本欄位儲存下拉清單的資料（一個儲存選項的顯示名稱，另一個儲存選項的值）。 因此，每次使用者提交表單時，都會提交下拉式清單的整個資料。 假設您不想每次提交太多資料，您可以撰寫自訂指令碼來停用該功能。 例如：下拉清單的名稱為 drpOrderedByStateProv 而且會包在子表單標題下。 HTML輸入元素的名稱將是 header[0].drpOrderedByStateProv[0]. 儲存並提交下拉式清單資料的隱藏欄位名稱具有下列名稱： header[0].drpOrderedByStateProv_DISPLAYITEMS_[0] header[0].drpOrderedByStateProv_VALUEITEMS_[0]

如果您不想張貼資料，可以透過下列方式停用這些輸入元素。 var __CUSTOM_SCRIPTS_VERSION = 1; //enabling the feature function _user_onsubmit() { var elems = document.getElementsByName("header[0].drpOrderedByStateProv_DISPLAYITEMS_[0]"); elems[0].disabled = true; elems = document.getElementsByName("header[0].drpOrderedByStateProv_VALUEITEMS_[0]"); elems[0].disabled = true; }

header[0].drpOrderedByStateProv_DISPLAYITEMS_[0] header[0].drpOrderedByStateProv_VALUEITEMS_[0]

var __CUSTOM_SCRIPTS_VERSION = 1; //enabling the feature
    function _user_onsubmit() {
    var elems = document.getElementsByName("header[0].drpOrderedByStateProv_DISPLAYITEMS_[0]");
    elems[0].disabled = true;
    elems = document.getElementsByName("header[0].drpOrderedByStateProv_VALUEITEMS_[0]");
    elems[0].disabled = true;
    }

XFA子集

建立表單設計以呈現為HTML時，您必須將指令碼限制為XFA子集，才能使用JavaScript語言的指令碼。

在用戶端上執行或同時在用戶端和伺服器上執行的指令碼，必須寫入XFA子集內。 在伺服器上運行的指令碼可以使用完整的XFA指令碼模型，也可以使用FormCalc。 如需使用JavaScript的詳細資訊，請參閱 Forms Designer.

在用戶端上執行指令碼時，只有顯示的目前面板才可使用指令碼；例如，當面板B顯示時，您無法對面板A中的欄位進行指令碼編寫。 在伺服器上執行指令碼時，可存取所有面板。

在客戶端上運行的指令碼內使用指令碼對象模型(SOM)表達式時，您也必須小心。 在客戶端上運行的指令碼僅支援簡化的SOM表達式子集。

事件計時

XFA子集定義對應至HTML事件的XFA事件。 計算和驗證事件的時間上的行為稍有不同。 在網頁瀏覽器中，當您退出欄位時，會執行完整計算事件。 當您變更欄位值時，不會自動執行計算事件。 您可以呼叫 xfa.form.execCalculate 方法。

在Web瀏覽器中，驗證事件僅在退出欄位或提交表單時執行。 您可以使用 xfa.form.execValidate 方法。

顯示在網頁瀏覽器中的Forms(與Adobe Reader或Acrobat相反)符合必填欄位的XFA空值測試（錯誤或警告）。

• 如果空測試產生錯誤，而您退出欄位而未指定值，則會顯示消息框，並在按一下「確定」後重新定位到該欄位。
• 如果空測試產生警告，而您退出欄位時未指定值，則系統提示您按一下「確定」或「取消」，為您提供繼續操作而不指定值或返回欄位以輸入值的選項。

有關空測試的詳細資訊，請參見 Forms Designer.

表單按鈕

按一下提交按鈕會將表單資料傳送至Forms服務，並代表表單處理結束。 此 preSubmit 事件可設為在用戶端或伺服器上執行。 此 preSubmit 如果事件設定為在用戶端上執行，則會在表單提交前執行。 否則， preSubmit 事件在表單提交期間在伺服器上執行。 如需 preSubmit 事件，請參閱 Forms Designer.

如果按鈕沒有與其相關聯的客戶端指令碼，則資料將提交到伺服器，在伺服器上執行計算，並重新生成HTML表單。 如果按鈕包含用戶端指令碼，則資料不會傳送至伺服器，且用戶端指令碼會在Web瀏覽器中執行。

HTML4.0網頁瀏覽器

僅支援HTML4.0的網頁瀏覽器無法支援XFA子集用戶端指令碼模型。 建立表單設計以在HTML4.0和MSDHTML或CSS2HTML中運作時，標示為在用戶端執行的指令碼實際上會在伺服器上執行。 例如，假設使用者按一下HTML4.0網頁瀏覽器中所顯示表單上的按鈕。 在此情況下，表單資料會傳送至執行用戶端指令碼的伺服器。

建議您將表單邏輯放入計算事件中，該事件在HTML4.0的伺服器上運行，在MSDHTML或CSS2HTML的用戶端上運行。

維護演示文稿更改

當您在HTML頁面（面板）之間移動時，只會保留資料的狀態。 背景顏色或必填欄位設定等設定不會保留（如果與初始設定不同）。 要維護呈現狀態，必須建立表示欄位呈現狀態的欄位（通常隱藏）。 如果向欄位的 Calculate 如果會根據隱藏的欄位值來變更簡報，則當您在HTML頁面（面板）之間來回移動時，可以保留簡報狀態。

以下指令碼會維護 fillColor 的值 hiddenField. 假設此指令碼位於欄位的 Calculate 事件。

     If (hiddenField.rawValue == 1)
         this.fillColor = "255,0,0"
     else
         this.fillColor = "0,255,0"

數位簽署HTML表單

如果表單呈現為以下HTML轉換之一，則無法對包含數字簽名欄位的HTML表單進行簽名：

• AHTML
• HTML4
• StaticHTML
• NoScriptXHTML

如需以數位方式簽署檔案的相關資訊，請參閱 數字簽名和認證文檔

呈現符合協助工具准則的XHTML表單

您可以呈現符合協助工具准則的完整HTML表單。 也就是說，表單會在完整HTML標籤中呈現，而非在內文標籤中呈現的HTML表單(不是完整的HTML頁面)。

驗證表單資料

建議您在將表單轉譯為HTML表單時，限制使用表單欄位驗證規則。 HTML表單可能不支援某些驗證規則。 例如，將MM-DD-YYYY的驗證模式套用至 Date/Time 欄位(位於以HTML表單呈現的表單設計中)，即使日期輸入正確，欄位仍無法正常運作。 不過，此驗證模式適用於以PDF呈現的表單。

步驟摘要

要呈現HTML表單，請執行以下步驟：

1. 包含專案檔案。
2. 建立Forms用戶端API物件。
3. 設定HTML運行時選項。
4. 轉譯HTML表單。
5. 將表單資料流寫入客戶端Web瀏覽器。

包含項目檔案

在您的開發專案中加入必要的檔案。 如果要使用Java建立客戶端應用程式，請包括必要的JAR檔案。 如果您使用Web服務，請確定您包含Proxy檔案。

建立Forms用戶端API物件

您必須先建立「表單資料整合」服務用戶端，才能以程式設計方式將資料匯入PDFformClient API。 建立服務客戶端時，您定義調用服務所需的連接設定。

設定HTML運行時選項

您可以在呈現HTML表單時設定HTML運行時選項。 例如，您可以將工具欄添加到HTML表單，以便用戶選擇位於客戶端電腦上的檔案附件，或檢索使用HTML表單呈現的檔案附件。 預設情況下，HTML工具列會停用。 若要將工具列新增至HTML表單，您必須以程式設計方式設定執行階段選項。 依預設，HTML工具列包含下列按鈕：

• Home:提供應用程式Web根目錄的連結。
• Upload:提供一個用戶介面，用於選擇要附加到當前表單的檔案。
• Download:提供用於顯示附加檔案的用戶介面。

當HTML工具列出現在HTML表單上時，使用者最多可以選擇十個要連同表單資料一起提交的檔案。 提交檔案後，Forms服務便可擷取檔案。

將表單轉譯為HTML時，您可以指定使用者代理程式值。 用戶代理值提供瀏覽器和系統資訊。 這是選用值，您可以傳遞空字串值。 「使用Java API呈現HTML表單」快速入門會說明如何取得使用者代理程式值，並使用它將表單呈現為HTML。

表單資料張貼位置的HTTP URL可透過使用Forms服務用戶端API設定目標URL來指定，或可在XDP表單設計中的「提交」按鈕中指定。 如果在表單設計中指定目標URL，則請勿使用Forms服務用戶端API設定值。

轉譯HTML表單

要呈現HTML表單，必須指定在「設計器」中建立並另存為XDP檔案的表單設計。 您也必須選取HTML轉換類型。 例如，您可以指定HTML轉換類型，用於為Internet Explorer 5.0或更新版本轉譯動態HTML。

呈現HTML表單還需要值，如呈現其他表單類型所需的URI值。

將表單資料流寫入客戶端Web瀏覽器

Forms服務轉譯HTML表單時，會傳回您必須寫入用戶端網頁瀏覽器的表單資料流。 寫入客戶端Web瀏覽器時，用戶可看到HTML表單。

另請參閱

使用Java API將表單轉譯為HTML

使用網站服務API將表單轉譯為HTML

包含AEM Forms Java程式庫檔案

設定連接屬性

Forms服務API快速入門

轉譯互動式PDF forms

使用自訂工具列呈現HTMLForms

建立可轉譯Forms的網頁應用程式

使用Java API將表單轉譯為HTML

使用Forms API(Java)呈現HTML表單：

1. 包含項目檔案

   在Java專案的類別路徑中加入用戶端JAR檔案，例如adobe-forms-client.jar。

2. 建立Forms用戶端API物件

   • 建立 ServiceClientFactory 包含連接屬性的對象。
   • 建立 FormsServiceClient 對象，使用其建構子並傳遞 ServiceClientFactory 物件。

3. 設定HTML運行時選項

   • 建立 HTMLRenderSpec 物件，使用其建構子。
   • 要使用工具欄呈現HTML表單，請調用 HTMLRenderSpec 物件 setHTMLToolbar 方法和傳遞 HTMLToolbar 列舉值。 例如，要顯示垂直HTML工具欄，請通過 HTMLToolbar.Vertical.
   • 要設定HTML表單的區域設定值，請調用 HTMLRenderSpec 物件 setLocale 方法，並傳遞指定區域設定值的字串值。 （此為選用設定。）
   • 若要在完整HTML標籤中呈現HTML表單，請叫用 HTMLRenderSpec 物件 setOutputType 方法和傳遞 OutputType.FullHTMLTags. （此為選用設定。）
   注意

   Forms在HTML中 StandAlone 選項 true 和 ApplicationWebRoot 參考托管AEM Forms的J2EE應用程式伺服器以外的伺服器( ApplicationWebRoot 值是使用 URLSpec 傳遞至的物件 FormsServiceClient 物件 (Deprecated) renderHTMLForm 方法)。 當 ApplicationWebRoot 是托管AEM Forms的另一台伺服器，管理控制台中的web根URI值必須設定為表單的web應用程式URI值。 您可以登入管理控制台，按一下「服務> Forms」，然後將Web根URI設為https://server-name:port/FormServer ，即可完成此操作。 然後，儲存您的設定。

4. 轉譯HTML表單

   叫用 FormsServiceClient 物件 (Deprecated) renderHTMLForm 方法，並傳遞下列值：

   • 指定表單設計名稱的字串值，包括檔案名副檔名。 如果您參考屬於Forms應用程式一部分的表單設計，請務必指定完整路徑，例如 Applications/FormsApplication/1.0/FormsFolder/Loan.xdp.
   • A TransformTo 指定HTML首選項類型的枚舉值。 例如，要呈現與Internet Explorer 5.0或更新版本的動態HTML相容的HTML表單，請指定 TransformTo.MSDHTML.
   • A com.adobe.idp.Document 包含要與表單合併資料的物件。 如果您不想合併資料，請傳遞空白 com.adobe.idp.Document 物件。
   • 此 HTMLRenderSpec 儲存HTML運行時選項的對象。
   • 指定 HTTP_USER_AGENT 標題值；例如， Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322).
   • A URLSpec 儲存呈現HTML表單所需URI值的對象。
   • A java.util.HashMap 儲存檔案附件的物件。 這是選用參數，您可以指定 null 如果您不想將檔案附加到表單。

   此 (Deprecated) renderHTMLForm 方法傳回 FormsResult 包含可寫入客戶端web瀏覽器的表單資料流的對象。

5. 將表單資料流寫入客戶端Web瀏覽器

   • 建立 com.adobe.idp.Document 對象，方法是調用 FormsResult 物件s getOutputContent 方法。
   • 取得 com.adobe.idp.Document 對象 getContentType 方法。
   • 設定 javax.servlet.http.HttpServletResponse 對象的內容類型，方法是調用 setContentType 方法，並傳遞 com.adobe.idp.Document 物件。
   • 建立 javax.servlet.ServletOutputStream 用於通過調用 javax.servlet.http.HttpServletResponse 物件 getOutputStream 方法。
   • 建立 java.io.InputStream 對象，方法是調用 com.adobe.idp.Document 物件 getInputStream 方法。
   • 建立位元組陣列，並叫用 InputStream 物件 read 方法，並將位元組陣列傳遞為引數。
   • 叫用 javax.servlet.ServletOutputStream 物件 write 將表單資料流傳送至用戶端網頁瀏覽器的方法。 將位元組陣列傳遞至 write 方法。

另請參閱

將Forms轉譯為HTML

快速入門（SOAP模式）:使用Java API轉譯HTML表單

包含AEM Forms Java程式庫檔案

設定連接屬性

使用網站服務API將表單轉譯為HTML

使用Forms API（網站服務）呈現HTML表單：

1. 包含項目檔案

   • 建立使用Forms服務WSDL的Java代理類。
   • 將Java代理類包含到類路徑中。

2. 建立Forms用戶端API物件

   建立 FormsService 對象和設定驗證值。

3. 設定HTML運行時選項

   • 建立 HTMLRenderSpec 物件，使用其建構子。
   • 要使用工具欄呈現HTML表單，請調用 HTMLRenderSpec 物件 setHTMLToolbar 方法和傳遞 HTMLToolbar 列舉值。 例如，要顯示垂直HTML工具欄，請通過 HTMLToolbar.Vertical.
   • 要設定HTML表單的區域設定值，請調用 HTMLRenderSpec 物件 setLocale 方法，並傳遞指定區域設定值的字串值。 如需詳細資訊，請參閱 AEM Forms API參考.
   • 若要在完整HTML標籤中呈現HTML表單，請叫用 HTMLRenderSpec 物件 setOutputType 方法和傳遞 OutputType.FullHTMLTags.
   注意

   Forms在HTML中 StandAlone 選項 true 和 ApplicationWebRoot 參考托管AEM Forms的J2EE應用程式伺服器以外的伺服器( ApplicationWebRoot 值是使用 URLSpec 傳遞至的物件 FormsServiceClient 物件 (Deprecated) renderHTMLForm 方法)。 當 ApplicationWebRoot 是托管AEM Forms的另一台伺服器，管理控制台中的web根URI值必須設定為表單的web應用程式URI值。 您可以登入管理控制台，按一下「服務> Forms」，然後將Web根URI設為https://server-name:port/FormServer ，即可完成此操作。 然後，儲存您的設定。

4. 轉譯HTML表單

   叫用 FormsService 物件 (Deprecated) renderHTMLForm 方法，並傳遞下列值：

   • 指定表單設計名稱的字串值，包括檔案名副檔名。 如果您參考屬於Forms應用程式一部分的表單設計，請務必指定完整路徑，例如 Applications/FormsApplication/1.0/FormsFolder/Loan.xdp.
   • A TransformTo 指定HTML首選項類型的枚舉值。 例如，要呈現與Internet Explorer 5.0或更新版本的動態HTML相容的HTML表單，請指定 TransformTo.MSDHTML.
   • A BLOB 包含要與表單合併資料的物件。 如果您不想合併資料，請傳遞 null. (請參閱 使用可流式配置預填Forms.)
   • 此 HTMLRenderSpec 儲存HTML運行時選項的對象。
   • 指定 HTTP_USER_AGENT 標題值；例如， Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322). 如果您不想設定此值，可以傳遞空白字串。
   • A URLSpec 儲存呈現HTML表單所需URI值的對象。 (請參閱 指定URI值.)
   • A java.util.HashMap 儲存檔案附件的物件。 這是選用參數，您可以指定 null 如果您不想將檔案附加到表單。 (請參閱 將檔案附加到表單.)
   • 空白 com.adobe.idp.services.holders.BLOBHolder 由方法填入的物件。 此參數值儲存呈現的表單。
   • 空白 com.adobe.idp.services.holders.BLOBHolder 由方法填入的物件。 此參數將儲存輸出XML資料。
   • 空白 javax.xml.rpc.holders.LongHolder 由方法填入的物件。 此引數會以表單儲存頁數。
   • 空白 javax.xml.rpc.holders.StringHolder 由方法填入的物件。 此參數將儲存區域設定值。
   • 空白 javax.xml.rpc.holders.StringHolder 由方法填入的物件。 此引數將儲存使用的HTML呈現值。
   • 空白 com.adobe.idp.services.holders.FormsResultHolder 包含此操作結果的對象。

   此 (Deprecated) renderHTMLForm 方法填入 com.adobe.idp.services.holders.FormsResultHolder 作為最後一個引數值傳遞的物件，具有必須寫入用戶端網頁瀏覽器的表單資料流。

5. 將表單資料流寫入客戶端Web瀏覽器

   • 建立 FormResult 物件，方法是取得 com.adobe.idp.services.holders.FormsResultHolder 物件 value 資料成員。
   • 建立 BLOB 包含表單資料的物件，方法是叫用 FormsResult 物件 getOutputContent 方法。
   • 取得 BLOB 對象 getContentType 方法。
   • 設定 javax.servlet.http.HttpServletResponse 對象的內容類型，方法是調用 setContentType 方法，並傳遞 BLOB 物件。
   • 建立 javax.servlet.ServletOutputStream 用於通過調用 javax.servlet.http.HttpServletResponse 物件 getOutputStream 方法。
   • 建立位元組陣列，並叫用 BLOB 物件 getBinaryData 方法。 此任務分配 FormsResult 位元組陣列的物件。
   • 叫用 javax.servlet.http.HttpServletResponse 物件 write 將表單資料流傳送至用戶端網頁瀏覽器的方法。 將位元組陣列傳遞至 write 方法。

另請參閱

將Forms轉譯為HTML

使用Base64編碼叫用AEM Forms

Business.Adobe.com 資源

Style System Cms Cloud Targeted Content Personalized Communications Theme Editor Digital Rights Management