要在HTML中显示登录成功，通常需要结合后端服务器的处理和前端页面的展示，以下是详细步骤，包括后端处理和前端展示：

步骤1：创建登录表单

在HTML中创建一个登录表单，包含用户名和密码输入框以及一个提交按钮。

    
    


    

        用户名：
        
        

        密码：
        
        

        
    
    

步骤2：后端处理

后端处理通常使用服务器端语言（如PHP、Node.js、Python等）来接收和验证用户提交的登录信息，这里以Node.js为例，使用Express框架进行说明。

1、安装Express和bodyparser（用于解析请求体）：

npm install express bodyparser

2、创建一个简单的登录验证逻辑：

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;
    // 这里只是简单示例，实际应用中应该查询数据库验证用户信息
    if (username === 'admin' && password === 'password') {
        res.send('登录成功');
    } else {
        res.send('登录失败');
    }
});
app.listen(3000, () => {
    console.log('服务器运行在 http://localhost:3000');
});

步骤3：前端显示登录成功消息

在前端页面中，可以使用JavaScript来获取后端返回的消息，并在页面上显示。

1、在标签内添加

这样，当用户提交登录表单时，JavaScript会发送AJAX请求到后端服务器，然后根据返回的消息在页面上显示“登录成功”或“登录失败”。

通过上述步骤，你可以在HTML页面上显示登录成功的消息，需要注意的是，这里的示例仅用于演示目的，实际应用中需要考虑安全性、错误处理等因素。