Scribd Logo
Upload

Welcome to Scribd!

  • HTML WPS Office

    Uploaded by

    Al-Kashi Espace Vectoriel
    4 views3 pages
    This document contains an online payment form that allows a user to enter an amount to pay and select a payment method of credit card, PayPal, or mobile money. Depending on the selected payment method, the form will display the appropriate input fields to enter credit card details, PayPal login information, or mobile phone number and PIN. A script controls which payment information section is displayed based on the chosen payment option.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains an online payment form that allows a user to enter an amount to pay and select a payment method of credit card, PayPal, or mobile money. Depending on the selected payment method, the form will display the appropriate input fields to enter credit card details, PayPal login information, or mobile phone number and PIN. A script controls which payment information section is displayed based on the chosen payment option.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    4 views3 pages

    HTML WPS Office

    Uploaded by

    Al-Kashi Espace Vectoriel
    This document contains an online payment form that allows a user to enter an amount to pay and select a payment method of credit card, PayPal, or mobile money. Depending on the selected payment method, the form will display the appropriate input fields to enter credit card details, PayPal login information, or mobile phone number and PIN. A script controls which payment information section is displayed based on the chosen payment option.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 3

    <html>

    <head>

    <title>Page de payement en ligne</title>

    </head>

    <body>

    <h1>Payez votre commande</h1>

    <form action="https://example.com/process_payment" method="POST">

    <p>Entrez le montant à payer:</p>

    <input type="number" name="amount" min="0" required>

    <p>Choisissez votre mode de payement:</p>

    <select name="payment_method" required>

    <option value="card">Carte bancaire</option>

    <option value="paypal">PayPal</option>

    <option value="mobile">Mobile Money</option>

    </select>

    <p>Entrez vos informations de payement:</p>

    <div id="card_info" style="display: none;">

    <p>Numéro de carte:</p>

    <input type="text" name="card_number" pattern="[0-9]{16}" required>

    <p>Date d'expiration:</p>

    <input type="text" name="card_expiry" pattern="[0-9]{2}/[0-9]{2}" required>

    <p>Code de sécurité:</p>

    <input type="text" name="card_cvv" pattern="[0-9]{3}" required>

    </div>

    <div id="paypal_info" style="display: none;">


    <p>Adresse email:</p>

    <input type="email" name="paypal_email" required>

    <p>Mot de passe:</p>

    <input type="password" name="paypal_password" required>

    </div>

    <div id="mobile_info" style="display: none;">

    <p>Numéro de téléphone:</p>

    <input type="tel" name="mobile_number" required>

    <p>Code PIN:</p>

    <input type="password" name="mobile_pin" required>

    </div>

    <p><input type="submit" value="Payer"></p>

    </form>

    <script>

    // Ce script permet de changer l'affichage des informations de payement en fonction du mode choisi

    var payment_method = document.getElementsByName("payment_method")[0];

    var card_info = document.getElementById("card_info");

    var paypal_info = document.getElementById("paypal_info");

    var mobile_info = document.getElementById("mobile_info");

    payment_method.addEventListener("change", function() {

    if (payment_method.value == "card") {

    card_info.style.display = "block";

    paypal_info.style.display = "none";

    mobile_info.style.display = "none";
    } else if (payment_method.value == "paypal") {

    card_info.style.display = "none";

    paypal_info.style.display = "block";

    mobile_info.style.display = "none";

    } else if (payment_method.value == "mobile") {

    card_info.style.display = "none";

    paypal_info.style.display = "none";

    mobile_info.style.display = "block";

    });

    </script>

    </body>

    </html>

    You might also like