要在HTML中顯示登錄成功，通常需要結(jié)合后端服務(wù)器的處理和前端頁面的展示，以下是詳細(xì)步驟，包括后端處理和前端展示：

步驟1：創(chuàng)建登錄表單

在HTML中創(chuàng)建一個登錄表單，包含用戶名和密碼輸入框以及一個提交按鈕。

    
    


    

        用戶名：
        
        

        密碼：
        
        

        
    
    

步驟2：后端處理

后端處理通常使用服務(wù)器端語言（如PHP、Node.js、Python等）來接收和驗(yàn)證用戶提交的登錄信息，這里以Node.js為例，使用Express框架進(jìn)行說明。

1、安裝Express和bodyparser（用于解析請求體）：

npm install express bodyparser

2、創(chuàng)建一個簡單的登錄驗(yàn)證邏輯：

const express = require('express');
const bodyParser = require('bodyparser');
const app = express();
app.use(bodyParser.urlencoded({ extended: false }));
app.post('/login', (req, res) => {
    const { username, password } = req.body;
    // 這里只是簡單示例，實(shí)際應(yīng)用中應(yīng)該查詢數(shù)據(jù)庫驗(yàn)證用戶信息
    if (username === 'admin' && password === 'password') {
        res.send('登錄成功');
    } else {
        res.send('登錄失敗');
    }
});
app.listen(3000, () => {
    console.log('服務(wù)器運(yùn)行在 http://localhost:3000');
});

步驟3：前端顯示登錄成功消息

在前端頁面中，可以使用JavaScript來獲取后端返回的消息，并在頁面上顯示。

1、在標(biāo)簽內(nèi)添加

這樣，當(dāng)用戶提交登錄表單時，JavaScript會發(fā)送AJAX請求到后端服務(wù)器，然后根據(jù)返回的消息在頁面上顯示“登錄成功”或“登錄失敗”。

通過上述步驟，你可以在HTML頁面上顯示登錄成功的消息，需要注意的是，這里的示例僅用于演示目的，實(shí)際應(yīng)用中需要考慮安全性、錯誤處理等因素。