HTML 用戶注冊代碼
用戶注冊是網站開發中非常重要的一環,這里介紹一些 HTML 用戶注冊代碼。
首先是表單代碼,包括用戶名、密碼和確認密碼,可以使用以下代碼:
<form action="/register" method="post"> <p> <label>用戶名:</label> <input type="text" name="username" id="username"> </p> <p> <label>密 碼:</label> <input type="password" name="password" id="password"> </p> <p> <label>確 認 密 碼:</label> <input type="password" name="confirm_password" id="confirm_password"> </p> <p> <input type="submit" value="注冊"> </p> </form>接下來是對應的 CSS 代碼,將表單美化:
form { width: 300px; margin: 0 auto; text-align: center; } label { display: inline-block; width: 80px; margin-right: 10px; text-align: right; } input[type="text"], input[type="password"] { padding: 5px; margin-bottom: 10px; width: 200px; border: 1px solid #ccc; border-radius: 4px; } input[type="submit"] { background-color: #4CAF50; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; border-radius: 4px; }最后是后端代碼,將用戶注冊信息保存到數據庫中:
if request.method == 'POST': username = request.form['username'] password = request.form['password'] confirm_password = request.form['confirm_password'] if not username or not password or not confirm_password: return '用戶名或密碼不能為空' if password != confirm_password: return '兩次密碼輸入不一致' # 在這里將用戶注冊信息保存到數據庫中 ... return '注冊成功'以上是 HTML 用戶注冊代碼的相關內容,可以根據實際需要進行修改和調整。
上一篇axios加載json