form 表单 1

发布时间：2025-05-15 23:01:54

1 阅读

0 评论

文章标签： html表单提交

<form action="/submit" method="post">
    <input type="text" name="username" placeholder="用户名">
    <input type="password" name="password" placeholder="密码">
    <input type="submit" value="提交">
</form>
//检查表单元素是否被禁用，避免使用 disabled 属性。
//如果需要让用户不能修改某个元素的值，可以使用 readonly 属性。

//JavaScript 阻止默认提交行为

现象：如果在表单的 submit 事件中使用 JavaScript 阻止了默认的提交行为，并且没有手动发送请求，那么表单数据不会被正常提交。

解决办法：检查 JavaScript 代码，确保没有使用 event.preventDefault() 阻止表单的默认提交行为，或者在阻止默认行为后手动发送请求并处理表单数据。例如：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
</head>

<body>
    <form id="myForm" action="/submit" method="post">
        <input type="text" name="username" placeholder="用户名">
        <input type="submit" value="提交">
    </form>
    <script>
        const form = document.getElementById('myForm');
        form.addEventListener('submit', function (event) {
            // 取消注释下面这行代码会阻止默认提交行为
            // event.preventDefault();
            // 如果需要手动发送请求，可以在这里添加代码
        });
    </script>
</body>

</html>