12306的注冊界面HTML代碼如下:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>12306注冊</title> </head> <body> <form action="/register" method="post"> <p>用戶名:</p> <input type="text" name="username" required> <p>密碼:</p> <input type="password" name="password" required> <p>確認密碼:</p> <input type="password" name="repeatPassword" required> <p>手機號碼:</p> <input type="text" name="phoneNumber" required> <p>驗證碼:</p> <input type="text" name="verifyCode" required> <img src="/verifyCode" alt="驗證碼"> <br> <input type="checkbox" name="agree" required>我已閱讀并同意<a href="#">相關協議</a> <br> <button type="submit">注冊</button> </form> </body> </html>
該頁面包含了一個表單,用戶需要填寫用戶名、密碼、確認密碼、手機號碼和驗證碼等信息進行注冊。該表單的提交地址為/register,提交方式為post。輸入框中的required屬性表示必填項,否則無法提交;驗證碼的圖片會生成一個隨機碼,同時用戶需要在相應的輸入框中正確輸入驗證碼,以防止機器人注冊;用戶還需要勾選同意相關協議才能進行注冊。表單提交時,用戶填寫的信息將被發送到服務器端進行驗證和存儲。
下一篇用css注冊頁面