Change manually placeholder text in input "postalCode" in Stripe from "ZIP" or "Postal Code" to "ZIP/Postal"

Question

I'm using "@stripe/stripe-js": "^1.9.0" in nuxt.js app...and must change text in placeholder <input class="InputElement is-empty Input Input--empty" autocomplete="postal-code" autocorrect="off" spellcheck="false" type="text" name="postal" data-elements-stable-field-name="postalCode" inputmode="numeric" aria-label="ZIP" placeholder="ZIP" aria-invalid="false" value=""> from "ZIP" to "ZIP/Postal" according my current task). But official DOC did not help me with it and STRIPE-support did not help me also...any ideas how can I change placeholder?) and also in future I need to change this text by other languages )

Answer 1

instead of using the all-in-one card element, you can place the individual cardNumber , cardExpiry and cardCvc elements to the your own postal input element, of which you can customize the label as you want.

Remember to include the value of postalCode that you collected from your own postal code input element when confirming the payment.

See https://stripe.com/docs/js/element/other_element