Javascript 具有单独字段的元素

这是我的第一个问题，所以请让我知道我是否可以改善我面临的问题

我正在使用Stripe v3在我的网站上付款

我只能添加内联表单设计，现在可以添加多字段设计，如下所示：

这实际上是我的代码：

现在付款


付款成功，请在您的帐户中查看结果
刷新页面以再次付款。

任何帮助都将不胜感激

---

谢谢。

您链接的JS fiddle包含所有相关代码。在HTML中为CardNumberRelation、cardExpiryElement和cardCvcElement创建3个

div

。然后在JS中，创建所有三个元素并将其装载到DIV中。另外，您的问题还不完全清楚，但我想您是在问“如何使用条带元素创建拆分卡片输入字段”，对吗？

<form id="payment-form">
    <div id="card-element"></div>
    <button id="submit">
        <div class="spinner hidden" id="spinner"></div>
        <span id="button-text">Pay now</span>
    </button>
    <p id="card-error" role="alert"></p>
    <p class="result-message hidden">
        Payment succeeded, see the result in your
        <a href="" target="_blank">Stripe dashboard.</a> Refresh the page to pay again.
    </p>
    <input type="hidden" id="CARI_ClientId" value="12345">
</form>