如何让blazor的onclick活动发挥作用?

我有一个非常简单的登录页面设置,但由于某种原因,onclick没有运行它应该运行的测试方法。它没有返回任何警告或错误,但仍然没有打印到控制台。代码如下:

@page "/logon"
<div class="container">
<div class="login-box">
    <!-- Image -->
    <img src="/Images/welcome2s2ix.png" alt="Login Image" class="login-image" />

    <!-- Login Form -->
    <form>
        <div class="form-group row">
            <div class="col-sm-12">
                <label for="username">Username</label>
            </div>
            <div class="col-sm-12">
                <input type="text" id="username" class="form-control" placeholder="Enter your username" />
            </div>
        </div>

        <div class="form-group row">
            <div class="col-sm-12">
                <label for="password">Password</label>
            </div>
            <div class="col-sm-12">
                <input type="password" id="password" class="form-control" placeholder="Enter your password" />
            </div>
        </div>

        <div class="form-group row">
            <div class="col-sm-12">
                <label for="logonTo" class="col-sm-2 col-form-label">Database</label>
            </div>
            <div class="col-sm-10">
                <select id="logonTo" class="form-control">
                    <option value="local">Local</option>
                </select>
            </div>
        </div>

        <div class="form-group row">
            <div class="col-sm-12">
                <button type="submit" @onclick="test" class="btn btn-primary">Login</button>
            </div>
        </div>
    </form>
</div>

@code {
public void test()
{
    Console.WriteLine("Test");

}

我检查了一大堆页面,上面写着要检查你的_Imports.razor,但它们看起来也不错。。。不确定这里发生了什么。