在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上,默认情况下不显示地理位置图标,单击​OK​时,地理位置信息会自动嵌入。

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

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

清除签名

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

保存签名

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

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

1

选择笔大小

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

从表单中删除签名

要从表单中删除签名:

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

在此页面上