在HTML5表单中使用涂写签名 using-scribble-signature-in-html-forms

HTML5表单越来越多地用于触摸设备,并且通常会要求支持签名。 脚本编写(使用手写笔或手指书写)正在成为在移动设备上签名表单的一种可接受的方式。 HTML5表单和Forms Designer现在支持在表单上涂写签名字段的选项。 在浏览器中呈现表单时,可以使用手写笔、鼠标或触摸登录这些字段。

如何使用涂鸦签名字段设计表单 how-to-design-a-form-using-scribble-signature-field

  1. 在Forms Designer中打开表单。

  2. 将签名涂写字段拖放到页面上。

    设计器_涂鸦

    note note
    NOTE
    呈现字段时,将反映在Forms Designer中选择的字段的Dimension。 但是,呈现的签名框的维度是根据字段的长宽比计算的,而不是根据Forms Designer中指定的维度计算的。
  3. 配置签名涂写字段。

    默认情况下,签名涂写字段将地理位置信息标记为在iPad上的签名过程中必需(对于其他设备而言,该字段是可选的)。 可以通过更改geoLocMandatoryOnIpad属性的值来覆盖此默认行为。 此属性在签名涂写字段中作为附加项显示。 修改它的步骤如下:

    1. 在表单上,选择签名涂写字段。

    2. 选择​ XML Source ​选项卡。

      note note
      NOTE
      要打开“XML Source”选项卡,请单击​ 查看 > XML Source
    3. <field>标记中找到<ui>标记并修改源代码,使其如下所示:

      code language-xml
      <extras name="x-scribble-add-on">
      <boolean name="geoLocMandatoryOnIpad">0</boolean>
      </extras>
      
    4. 选择​ 设计视图 ​选项卡。 在确认框中,单击​

    5. 保存表单。

  4. 在支持的设备/桌面浏览器上渲染表单。

与Scribble签名连接 interfacing-with-the-scribble-signatures

签名 signing

在将签名涂写字段添加到表单并呈现后,单击或点按该字段会打开一个对话框。 用户可以使用鼠标、手指或手写笔在虚线矩形指定的绘制区域中涂写签名。

地理位置

A. ​画笔​ B. ​橡皮擦​ C. ​地理位置​ D. ​地理位置信息

地理标记 geo-tagging

创建涂鸦时单击地理位置图标会导致地理位置和时间信息嵌入到字段中。

NOTE
默认情况下,iPad上的嵌入地理位置信息是必需的。

在iPad上,默认情况下,地理位置图标不显示,当您单击​ 确定 ​时,地理位置信息会自动嵌入。

对于iPad,可以通过在字段的init参数中将geoLocManadatoryOnIpad参数的值修改为0来更改此设置。

  • 当地理位置信息是强制性的时,用户会看到一个缩小的绘制区域。 用户单击剩余区域上的​ 确定 ​图标时,将添加地理位置文本。
  • 在其他情况下,用户会看到一个完整的可绘制区域。 如果用户选择嵌入地理位置信息,则将调整此区域大小以适应地理位置文本。

清除签名 clearing-a-signature

使用此功能时,用户可以单击​ 橡皮擦 ​图标以清除该字段,然后重新开始。 如果添加了地理位置信息,则也会清除该信息。

保存签名 saving-a-signature

单击​ 确定 ​图标可将涂写内容作为图像保存在字段中。 图像和值可以提交到服务器以供进一步处理。 用户单击​ 确定 ​后,涂写字段将被锁定。 无法使用涂写构件再次编辑签名。

点击或单击涂写字段会以只读模式打开对话框。

3

选择钢笔大小 selecting-pen-size

单击​ 画笔 ​图标以显示可用笔大小的列表。 单击笔大小以使用相应的笔。

从表单中删除签名 delete-signatures-from-the-form

要从表单中删除签名,请执行以下操作:

  • (移动设备)长按签名字段,然后在确认对话框上选择​
  • (桌面)将鼠标悬停在签名字段上,单击​ 取消 ​图标,然后在确认对话框中,单击​
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2