在iFrame元素内动态添加元素

Question

我正在使用第三方API中与付款相关的iframe。动态付款表单正在iFrame中加载，而我们无法通过代码进行任何控制。

但是我应该在所有输入框之后添加一些图标（卡号，到期日期，cvv），当鼠标悬停在该图标上时，我应该显示一些示例卡图像。

这里的问题是，

1. 是否建议根据安全性考虑在iFrame中动态添加元素？
2. 如果是，如何添加它们？

这是iFrame内部生成的输入元素之一：

  $type      = explode(';', $httpFileRequest)[0];
  $extension = explode('/', $type)[1];

我尝试了以下多种方法来动态创建元素，但是没有运气。

<input data-checkout="card-number" type="tel" placeholder="card number" aria-required="true" aria-label="card number" autocomplete="off" class="input-control" value="">

我需要按照附件显示问题图标