HTML5表格在觸控裝置上的運用越來越多,而支援簽名是其中一項常見需求。 划線(用觸控筆或手指寫字)正成為在行動裝置上簽署表格的公認方式。 HTML5表單和表單設計工具現在可讓您選擇在表單上使用塗鴉簽名欄位。 在瀏覽器中轉譯表單時,您可以使用觸控筆、滑鼠或觸控來登入這些欄位。
在Forms Designer中開啟表格。
將「簽名塗鴉」欄位拖放至頁面上。
在顯示欄位時,會反映在Forms Designer中選擇的欄位的維。 但是,渲染的簽名框的尺寸是根據欄位的長寬比來計算的,而不是根據在Forms Designer中指定的尺寸計算的。
設定「簽名塗鴉」欄位。
依預設,「簽名塗鴉」欄位會在iPad上的簽署程式中將地理位置資訊標示為必填項目(其他裝置則為選擇性項目)。 變更geoLocMandatoryOnIpad
屬性的值可覆寫此預設行為。 Signature Scribble Field中還提供額外設施。 修改步驟如下:
在表單上,選取「簽名塗鴉」欄位。
選擇XML源頁籤。
要開啟「XML源」頁籤,請按一下「查看」「」「查看」「」「」「XML源」「」。
在<field>
標籤中找到<ui>
標籤,並修改原始碼,使其如下所示:
<extras name="x-scribble-add-on">
<boolean name="geoLocMandatoryOnIpad">0</boolean>
</extras>
選擇設計視圖頁籤。 在確認框中,按一下「是」。
儲存表格。
在支援的裝置/案頭瀏覽器上轉譯表格。
將「簽名塗鴉」欄位新增至表單並轉譯後,按一下或點選欄位會開啟對話方塊。 使用者可使用滑鼠、手指或手寫筆,在由點狀矩形指定的繪圖區域中塗鴉簽名。
A. Brush B. Eraser C. Geolocation D.Geolocation資 訊
在建立塗鴉時按一下地理位置圖示,會將地理位置和時間資訊嵌入欄位中。
依預設,在iPad上,必須內嵌地理位置資訊。
在iPad上,預設不會顯示地理位置圖示,當您按一下「確定」時,地理位置資訊會自動內嵌。
對於iPad,可在欄位的init參數中將geoLocManadatoryOnIpad
參數的值修改為0
,以變更此設定。
使用此功能時,使用者可以按一下「橡皮擦」圖示來清除欄位,然後重頭開始。如果已新增地理位置資訊,也會清除。
按一下OK圖示,將塗鴉板儲存為欄位中的影像。 影像和值可提交至伺服器以進行進一步處理。 一旦用戶按一下OK後,就會鎖定塗鴉欄位。 無法使用塗鴉小工具集再次編輯簽名。
點選或按一下「塗鴉」欄位,會以唯讀模式開啟對話方塊。
按一下筆刷圖示,以顯示可用筆型清單。 按一下或點選筆大小以使用相應的筆。
要從表單中刪除簽名: