在HTML5表单中使用涂抹签名

HTML5表单在触控设备上的使用越来越多,一个常见要求是支持签名。 划线(用手写笔或手指书写)正成为在移动设备上签署表单的一种公认方式。 HTML5表单和Forms Designer现在支持在表单上设置涂抹签名字段的选项。 在浏览器中呈现表单时,您可以使用手写笔、鼠标或触控在这些字段上签名。

如何使用“涂抹签名”字段设计表单

  1. 在Forms Designer中打开表单。

  2. 在页面上拖放签名涂抹字段。

    designer_scribble

    注意

    呈现Forms Designer中所选字段的Dimension时,会反映该字段。 但是,渲染的签名框的尺寸是根据字段的长宽比计算的,而不是根据Forms Designer中指定的尺寸计算的。

  3. 配置签名涂抹字段。

    默认情况下,“签名涂抹”字段会在iPad上的签名过程中将地理位置信息标记为必填项(对于其他设备,此字段是可选的)。 更改geoLocMandatoryOnIpad属性的值可以覆盖此默认行为。 此属性在签名涂抹字段中作为额外显示。 修改它的步骤有:

    1. 在表单上,选择“签名涂抹”字段。

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

      注意

      要打开“XML源”选项卡,请单击​视图 > XML源

    3. <field>标签中找到<ui>标签,并修改源代码,使其如下所示:

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

    5. 保存表单。

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

与涂抹签名接口

签名

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

地理位置

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

地理标记

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

注意

在iPad上,默认情况下,必须嵌入地理位置信息。

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

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

  • 当地理位置信息是强制的时候,向用户呈现缩小的绘制区域。 当用户单击其余区域上的​OK​图标时,将添加地理位置文本。
  • 在其它情况下,向用户显示一个完全可拉出的区域。 如果用户选择嵌入地理位置信息,则会调整该区域的大小以适应地理位置文本。

清除签名

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

保存签名

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

点按或单击“涂抹”字段将以只读模式打开对话框。

3

选择笔大小

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

从表单中删除签名

要从表单中删除签名:

  • (移动设备)长按签名字段,在确认对话框中,点按​
  • (桌面)将指针悬停在签名字段上,单击​取消​图标,在确认对话框中单击​

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now