利用web应用程序的Button控件。判断密码是否正确。正确显示登陆成功，否则登陆失败。

在Web应用程序中，通常会利用Button控件作为用户输入的一部分，用于验证用户的密码。以下是一个简单的步骤示例：

1. **HTML部分**：创建一个登录表单，包含文本框（input type="password"）用于输入密码，以及一个Button控件（type="submit"），当用户点击时触发事件。

<form id="loginForm">
    <label for="password">请输入密码：</label>
    <input type="password" id="passwordInput" name="password">
    <button type="submit" id="loginBtn">登录</button>
    <div id="result" style="display:none;">登录结果将显示在这里</div>
</form>

2. **JavaScript部分**：在Button的`onsubmit`事件处理程序中，拦截表单提交并检查密码。这里假设有一个预设的正确密码`correctPassword`。

document.getElementById('loginForm').addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止默认提交行为
    var enteredPassword = document.getElementById('passwordInput').value;
    if (enteredPassword === 'correctPassword') { // 检查密码是否正确
        document.getElementById('result').innerText = "登录成功";
        document.getElementById('result').style.display = 'block'; // 显示成功的消息
    } else {
        document.getElementById('result').innerText = "登录失败，请检查您的密码";
        document.getElementById('result').style.display = 'block'; // 显示失败的消息
    }
});

3. **相关问题--:**
- Button控件如何配合服务器端验证？
- 这种前端验证是否存在安全风险？
- 如何优化用户体验，比如提供实时错误提示？