# Payment Element 和 Card Element 对比 Select the right Element for your payment integration. > The Card Element is a legacy integration with significantly less functionality than Payment Element. Stripe strongly recommends using the Payment Element to accept payments of all kinds, including card payments. Previously, each payment method (for example, [cards](https://docs.stripe.com/payments/cards.md) and [iDEAL](https://docs.stripe.com/payments/ideal.md)) required integrating a separate Element. Now you can use the [Payment Element](https://docs.stripe.com/payments/payment-element.md) to accept payments from one or multiple payment methods, including cards and cards alongside other payment methods. The Payment Element’s integration effort is the same as the Card Element and it supports all the common payment flows. The Payment Element also gives you instant access to additional payment methods, including [Google Pay](https://docs.stripe.com/google-pay.md) and [Apple Pay](https://docs.stripe.com/apple-pay.md). Accepting more [payment methods](https://docs.stripe.com/payments/payment-methods/overview.md) can help your business expand its global reach and improve checkout conversion. Additionally, Stripe continues to develop and improve the Payment Element and its UI based on data from millions of transactions. If you’re already using the [Card Element](https://docs.stripe.com/js/element/other_element?type=card), migrate to the [Payment Element](https://docs.stripe.com/js/element/payment_element) by following our [migration guide](https://docs.stripe.com/payments/payment-element/migration.md) to ensure you have the most up-to-date Stripe integration. ## Core Functionality | 功能 | Card Element | Payment Element | | -------------------- | ------------- | ------------------------------ | | 银行卡支付 | ✓ 支持 | ✓ 支持 | | 银行卡验证 | ⚠ 支持 Basic | ✓ 支持 Enhanced | | Card formatting | ✓ 支持 | ✓ 支持 Improved UX | | Card brand detection | ✓ 支持 | ✓ 支持 Improved visuals | | Card brand detection | ✓ 可选 Optional | ✓ 可选 Optional with improved UX | ## Maintenance and updates | 功能 | Card Element | Payment Element | | ---------------------------------- | --------------------- | ------------------ | | 积极开发 | ❌ 旧版 Maintenance only | ✓ 支持 | | Automatic updates | ⚠ 有限制 Limited | ✓ 支持 Comprehensive | | Payment method requirement updates | ⚠ 手动 Manual | ✓ 自动 Automatic | ## 支付方式支持 | 功能 | Card Element | Payment Element | | ------------------------------------------------------------------------------------------------ | ------------- | ---------------------- | | [Credit/debit cards](https://docs.stripe.com/payments/cards.md) | ✓ 支持 | ✓ 支持 | | [Digital wallets](https://docs.stripe.com/payments/wallets.md) (such as Apple Pay or Google Pay) | ❌ Unsupported | ✓ 支持 | | [Bank debits](https://docs.stripe.com/payments/bank-debits.md) (such as ACH or SEPA) | ❌ Unsupported | ✓ 支持 | | [先买后付](https://docs.stripe.com/payments/buy-now-pay-later.md) | ❌ Unsupported | ✓ 支持 | | 本地支付方式 | ❌ Unsupported | ✓ 支持 Over 100 methods | | [Link](https://docs.stripe.com/payments/link.md) by Stripe | ✓ 支持 | ✓ 支持 Enhanced features | | [Link](https://docs.stripe.com/payments/link.md) by Stripe with multiple funding sources | ❌ Unsupported | ✓ 支持 Enhanced features | ## UX | 功能 | Card Element | Payment Element | | ------------------------ | ------------- | -------------------------------------------------------------------------------------- | | Appearance Customization | ⚠ 有限制 Limited | ✓ 支持 Supports the [Appearance API](https://docs.stripe.com/elements/appearance-api.md) | | 响应性设计 | ⚠ 支持 Basic | ✓ 支持 Enhanced | | Accessibility features | ⚠ 有限制 Limited | ✓ 支持 Optimized | | 错误消息 | ⚠ 支持 Basic | ✓ 支持 Enhanced guidance | | 国际化 | ⚠ 有限制 Limited | ✓ 支持 Comprehensive | | Dynamic field validation | ⚠ 支持 Basic | ✓ 支持 Enhanced real-time validation | | 自动填充 | ⚠ 支持 Basic | ✓ 支持 Enhanced | ## 高级功能 | 功能 | Card Element | Payment Element | | ------------------------------------------------------------------------------------------------------ | ------------- | --------------- | | [动态支付方式](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) | ❌ Unsupported | ✓ 支持 | | Saved payment method display | ❌ Unsupported | ✓ 支持 | | [Advanced risk factors](https://docs.stripe.com/radar/optimize-risk-factors.md#important-risk-factors) | ❌ Unsupported | ✓ 支持 | | [3D Secure handling](https://docs.stripe.com/payments/3d-secure.md) | ⚠ 支持 Basic | ✓ 支持 Enhanced | | [SCA compliance](https://docs.stripe.com/strong-customer-authentication.md) | ⚠ 支持 Basic | ✓ 支持 Enhanced | | 支付方式规则 | ❌ Unsupported | ✓ 支持 | | A/B testing | ❌ Unsupported | ✓ 支持 | ## Integration and development | 功能 | Card Element | Payment Element | | ------------------------------------------------------- | -------------------------- | -------------------------- | | 集成复杂性 | :circle: Moderate Moderate | :circle: Moderate Moderate | | Dashboard configuration | ⚠ 有限制 Limited | ✓ 支持 Extensive | | Server-side confirmation | ✓ 支持 | ✓ 支持 | | 客户端配置 | ✓ 支持 | ✓ 支持 | | Set up future usage | ✓ 支持 | ✓ 支持 Enhanced options | | [订阅](https://docs.stripe.com/subscriptions.md) | ✓ 支持 | ✓ 支持 Enhanced options | | [Webhook](https://docs.stripe.com/webhooks.md) handling | ✓ 支持 | ✓ 支持 | | Testing tools | ⚠ 支持 Basic | ✓ 支持 Enhanced | ## Performance and security | 功能 | Card Element | Payment Element | | ----------------------------------------------------------- | ------------ | --------------- | | [PCI compliance](https://docs.stripe.com/security/guide.md) | ✓ 支持 | ✓ 支持 | | Performance optimization | ⚠ 支持 Basic | ✓ 支持 Enhanced | | 欺诈预防 | ⚠ 支持 Basic | ✓ 支持 Enhanced | | 风险管理 | ⚠ 支持 Basic | ✓ 支持 Enhanced |