为什么选择输入字段在laravel视图中不起作用？

// 示例控制器方法
public function showForm()
{
    return view('form'); // 确保 form.blade.php 存在于 resources/views 目录中
}

<!-- 示例表单 -->
<form method="POST" action="{{ route('submit.form') }}">
    @csrf
    <input type="text" name="username">
    <button type="submit">Submit</button>
</form>

<form method="POST" action="{{ route('submit.form') }}">
    @csrf
    <input type="text" name="username">
    <button type="submit">Submit</button>
</form>

// 示例路由
Route::post('/submit-form', [FormController::class, 'submitForm'])->name('submit.form');

// 示例控制器方法
public function submitForm(Request $request)
{
    $username = $request->input('username');
    // 处理逻辑
}

// 示例 JavaScript 代码
document.querySelector('form').addEventListener('submit', function(event) {
    event.preventDefault();
    // 处理表单提交逻辑
});

/* 示例 CSS 样式 */
input {
    display: block;
    width: 100%;
}