利用html和JavaScript、css等实现一个论坛的主页面登陆模块，支持输入用户名、密码进行登陆，登陆后登陆模块隐藏，改为显示已登陆的用户名

以下是一个简单的示例代码，实现输入用户名和密码进行登陆，登陆后显示已登陆的用户名：

HTML代码：

<div id="login-form">
  <input type="text" id="username" placeholder="用户名">
  <input type="password" id="password" placeholder="密码">
  <button onclick="login()">登陆</button>
</div>
<div id="user-info" style="display:none">
  <span id="username-display"></span>，欢迎回来！
</div>

CSS代码：

#login-form {
  display: block;
}

#user-info {
  display: none;
}

JavaScript代码：

function login() {
  var username = document.getElementById("username").value;
  var password = document.getElementById("password").value;
  
  // 这里可以写验证用户名和密码的逻辑
  
  if (验证通过) {
    document.getElementById("login-form").style.display = "none";
    document.getElementById("user-info").style.display = "block";
    document.getElementById("username-display").innerText = username;
  }
}

在这个示例中，我们首先定义了两个 div，一个用于显示登陆表单，另一个用于显示已登陆的用户名。在 CSS 中，我们设置了登陆表单默认显示，而已登陆的用户名默认隐藏。在 JavaScript 中，我们编写了一个 `login` 函数，它用于验证用户名和密码，并在验证通过后隐藏登陆表单，显示已登陆的用户名。我们可以自行编写验证用户名和密码的逻辑，这里为了简单起见，省略了这一步。