收集真实地址和电话号码

要收集完整的账单地址或收货地址，请使用 Address Element。例如，您可能需要收集完整的账单地址才能计算税费。Payment Element 仅收集完成付款所需的详细账单地址，但您可以将其配置为收集其他账单信息。

您可能想使用 Address Element 的其他原因：

• 收集客户的电话号码
• 启用自动完成功能
• 通过传入收货地址在 Payment Element 中预填充账单信息

Stripe 将收集的地址信息和支付方式合在一起来创建 PaymentIntent。

创建 Address Element

创建 Address Element 时，请指定 shipping 或 billing 模式。Address Element 模式 确定是否通过传递收货地址或账单地址以确认 PaymentIntent。

在创建 Address Element 时，请指定将其用于收货模式还是计费模式。

const stripe = Stripe(
'pk_test_TYooMQauvdEDq54NiTphI7jx');

const appearance = { /* appearance */ };
const options = { mode: 'shipping' };
const elements = stripe.elements({ 
clientSecret, appearance });
const addressElement = elements.create('address', options);
addressElement.mount('#address-element');

将 Address Element 与其他元素结合使用

您可以用多个 Address Element（每种模式一种）来收集收货地址和账单地址。

如果您需要收集收货地址和账单地址，并且只想使用一个 Address Element，请在配送模式下使用 Address Element，并使用 Payment Element 仅收集必要的账单地址详情。

在将 Address Element 与其他元素结合使用时，在确认 PaymentIntent 或 SetupIntent 时会有一些自动行为。Address Element 会在确认 PaymentIntent 或 SetupIntent 时验证完整性，如有验证错误，则会为每个字段显示错误。