Почему элемент sr c в форме испорчен, а кнопка не отображается на странице WordPress?

Question

Я пытаюсь обработать пост-запрос для запуска функции php на странице WordPress, нажав кнопку.

Я следую за страницей ниже и задаю действие формы с путем к admin-post. php.

https://www.sitepoint.com/handling-post-requests-the-wordpress-way/

Тогда кнопка больше не отображается на странице WordPress.

Код ниже работает нормально, и кнопка отображается на странице WordPress.

<form action="" method="post">
    <script src="https://checkout.stripe.com/checkout.js" 
    class="stripe-button" 
    data-key="pk_test_hoge" 
    data-amount="100" 
    data-name="hoge"
    data-description="hogehoge" 
    data-image="https://stripe.com/img/documentation/checkout/marketplace.png" 
    data-locale="auto" 
    data-currency="hoge" 
    data-zip-code="false" 
    data-allow-remember-me="false" 
    data-label="Pay"></script>
    <input type="hidden" name="action" value="hoge">
</form>

Однако кнопка не отображается на странице WordPress, когда я задаю путь для сообщения администратора. php к форме action.

<form action="<?php echo esc_url( admin_url('admin-post.php') ); ?>" method="post">
    <script src="https://checkout.stripe.com/checkout.js" 
    class="stripe-button" 
    data-key="pk_test_hoge" 
    data-amount="100" 
    data-name="hoge"
    data-description="hogehoge" 
    data-image="https://stripe.com/img/documentation/checkout/marketplace.png" 
    data-locale="auto" 
    data-currency="hoge" 
    data-zip-code="false" 
    data-allow-remember-me="false" 
    data-label="Pay"></script>
    <input type="hidden" name="action" value="hoge">
</form>

При просмотре страницы с веб-консолью элемент sr c двух кнопок отображается по-разному.

Код кнопки, показанный правильно, выглядит следующим образом . (sr c это "https://checkout.stripe.com/checkout.js")

<form action="" method="post">
    <script src="https://checkout.stripe.com/checkout.js" class="stripe-button active" data-key="pk_test_hoge" data-amount="100" data-name="hoge" data-description="hogehoge" data-image="https://stripe.com/img/documentation/checkout/marketplace.png" data-locale="auto" data-currency="hoge" data-zip-code="false" data-allow-remember-me="false" data-label="Pay"></script><button type="submit" class="stripe-button-el" style="visibility: visible;"><span style="display: block; min-height: 30px;">Pay</span></button><br>
    <input type="hidden" name="action" value="hoge"><br>
</form>

Код кнопки, которая не отображается на странице, выглядит следующим образом. (sr c это "https: =" "checkout.stripe.com =" "checkout. js" = "")

<form action="<?php echo esc_url( admin_url('admin-post.php') ); ?>” method=”post”><br />
    <script src=" https:="" checkout.stripe.com="" checkout.js"="" class="stripe-button" data-key="pk_test_hoge" data-amount="100" data-name="hoge" data-description="hogehoge" data-image="https://stripe.com/img/documentation/checkout/marketplace.png" data-locale="auto" data-currency="hoge" data-zip-code="false" data-allow-remember-me="false" data-label="Pay"><br>
    <input type="hidden" name="action" value="hoge"><br>
</form>

Кажется, элемент sr c не тот, который я намеревался установить, b но я не очень разбираюсь в WordPress, поэтому я понятия не имею, почему sr c испорчен ...

Не могли бы вы объяснить, что здесь происходит и как я могу установить sr c правильно?