在電子商務領域,支付頁面是至關重要的一個環節。為了讓用戶能夠快速、方便地完成付款,我們需要使用HTML來構建一個簡潔易用的支付頁面。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>支付頁面</title> </head> <body> <h2>訂單詳情</h2> <p>訂單號:201907202153</p> <p>商品名稱:Apple iPhone XS Max 256GB</p> <p>單價:9999元</p> <p>數量:1</p> <p>總金額:9999元</p> <hr/> <h2>支付方式</h2> <ul> <li>支付寶</li> <li>微信支付</li> <li>銀行卡支付</li> </ul> <hr/> <h2>支付信息</h2> <form action="#" method="post"> <p>收貨人姓名:<input type="text" name="name" required></p> <p>聯系電話:<input type="tel" name="tel" required></p> <p>收貨地址:<input type="text" name="address" required></p> <p>支付金額:<input type="text" name="money" value="9999" required></p> <input type="submit" value="確認支付"> </form> </body> </html>
上面的代碼中,我們使用了HTML5的語法,添加了訂單詳情、支付方式、支付信息等幾個部分。在支付信息部分,我們使用了form標簽來創建一個表單,其中包括了收貨人姓名、聯系電話、收貨地址以及支付金額等信息。用戶在輸入完畢后點擊“確認支付”按鈕即可進行付款操作。