HTML5手機(jī)購物車結(jié)算代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>購物車結(jié)算頁面</title> <style> /*樣式代碼*/ </style> </head> <body> <header> <h1>購物車結(jié)算</h1> </header> <main> <section> <h2>商品列表</h2> <table> <thead> <tr> <th>商品名稱</th> <th>價(jià)格</th> <th>數(shù)量</th> <th>小計(jì)</th> </tr> </thead> <tbody> <tr> <td>商品A</td> <td>100元</td> <td>2</td> <td>200元</td> </tr> <tr> <td>商品B</td> <td>50元</td> <td>3</td> <td>150元</td> </tr> </tbody> <tfoot> <tr> <td colspan="3" align="right">總計(jì)：</td> <td>350元</td> </tr> </tfoot> </table> </section> <section> <h2>結(jié)算信息</h2> <form action="/pay" method="post"> <div> <label for="username">用戶名: </label> <input type="text" id="username" name="username" required> </div> <div> <label for="tel">聯(lián)系電話: </label> <input type="tel" id="tel" name="tel" required> </div> <button>提交訂單</button> </form> </section> </main> <footer> <p>版權(quán)所有 ? 2021-2022</p> </footer> </body> </html>
上一篇title 氣泡 css
下一篇the css-2017