您能巢狀 HTML 表單嗎？

在 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>