HTML 表单可以嵌套吗?

htmlweb developmentfront end technology更新于 2024/6/18 19:56:17

在 HTML 中，我们无法嵌套 HTML 表单，但可以添加多个表单。让我们看一个多表单的示例，其中我们将添加多个表单、上传按钮和多个提交按钮。

首先，我们将设置第一个表单。这只允许上传单个文件 -

<form action="/details.php">
   <label for="myfile">Select a file:</label>
   <input type="file" id="myfile" name="myfile"><br><br>
   <input type="submit">
</form>

紧接着，我们使用了 <hr>，然后是第二个^表单。这允许上传多个文件 -

<form action="/details.php">
   <label for="myfile">Select a file:</label>
   <input type="file" id="myfile" name="myfile" multiple><br><br>
   <input type="submit">
</form>

示例

在同一个网页上，两个表单都可以通过两个独立的提交按钮完美运行。现在让我们看完整的示例 -


<!DOCTYPE html>
<html>
<body>
   <h1>Resume</h1>
   <p>Upload the resume:</p>
   <form action="/details.php">
      <label for="myfile">Select a file:</label>
      <input type="file" id="myfile" name="myfile"><br><br>
      <input type="submit">
   </form>
   <hr>
   <p>Upload multiple project files:</p>
   <form action="/details.php">
      <label for="myfile">Select a file:</label>
      <input type="file" id="myfile" name="myfile" multiple><br><br>
      <input type="submit">
   </form>
</body>
</html>