Orbeon Forms：如何向文本字段添加图标

Question

如何在类似于下图中的电话号码字段的文本字段旁边添加图标。

我们想在文本框的左侧添加其他图像，例如电子邮件图标。

我尝试使用 CSS 的 content/before 选项，但这似乎适用于文本框标签。

提前非常感谢

皮特A

Answer 1

对于数字字段，您可以定义自己的前缀和后缀，其预期目的是允许您指定单位或货币（例如英镑或英镑），甚至可以使用表情符号。

不幸的是，您无法对电子邮件字段执行此操作，或者更一般地对文本字段执行此操作。这不是纯粹通过 CSS 就能实现的，因为它需要额外的标记，至少对于用于其他控件的默认 Bootstrap 布局来说是这样。对于电子邮件字段，人们可能会认为添加电子邮件图标应该是一项内置功能，以便与电话号码字段的处理方式保持一致。