指定form action后提交按钮仍无响应，请求排查代码问题

核心问题 #

你的代码存在两个关键问题导致提交无响应：

• 表单嵌套违规：HTML规范禁止<form>标签嵌套，浏览器会自动修正这种非法DOM结构，导致点击提交按钮时，实际触发的并非你设置了action="php/record.php"的外层表单，自然无法跳转到目标页面。
• 文件上传配置缺失：表单包含<input type="file">控件，却未设置method="POST"和enctype="multipart/form-data"，即便修复嵌套问题，文件也无法正确上传到后端。

修正后的代码 #

将所有表单控件整合到同一个<form>内，移除多余子表单，并补充必要属性：

<div class="container">
    <form action="php/record.php" method="POST" enctype="multipart/form-data">
        <h3>Enter the following details :</h3>

        <div class="autocomplete" style="width:300px;">
            <label for="school">School :</label> <br>
            <input id="school" type="text" name="School" placeholder="Enter School" required>
        </div>
        <br>
        
        <div class="autocomplete" style="width:300px;">
            <label for="school_ID">School ID :</label> <br>
            <input id="school_ID" type="text" name="School_ID" placeholder="Enter School ID" required>
        </div>
        <br>
        
        <label for="class">Class :</label>
        <select name="Class" id="class">
            <option value="I">I</option>
            <option value="II">II</option>
            <option value="III">III</option>
            <option value="IV">IV</option>
            <option value="V">V</option>
        </select>
        <label for="sec">Sec : </label>
        <select name="sec" id="sec">
            <option value="A">A</option>
            <option value="B">B</option>
            <option value="C">C</option>
            <option value="D">D</option>
        </select>

        <br><br>

        <label for="Film_1">Film 1 :</label> <br>
        <input id = "Film_1" type= "text" placeholder="Enter film 1" name="Film_1" required>   
        <br><br>
  
        <label for="Film_2">Film 2 (if applicable) :</label><br>
        <input id = "Film_2" type="text" placeholder="Enter film 2" name="Film_2">
        <br><br>

        <label for="Film_3">Film 3 (if applicable) :</label><br>
        <input id = "Film_3" type="text" placeholder="Enter film 3" name="Film_3">
        <br><br>

        <button id="submit_btn" type="submit">Submit</button>

        <input name="Picture" type="file" onchange="readURL(this)" accept="image/*">
    </form>
</div>    

关键说明 #

• 移除所有嵌套子表单，将输入控件统一归到外层表单下，确保提交按钮触发正确的表单动作。
• 添加method="POST"：替代默认的GET方法，避免参数暴露在URL中，同时支持文件上传需求。
• 添加enctype="multipart/form-data"：这是文件上传必须的编码类型，确保后端能正确解析文件数据。

内容的提问来源于stack exchange，提问作者riya