Question

<body>
    <form method="post" action="xx.php" >
        Enter Title of the Post<INPUT type="text" name="title">
    <br/>
    Enter Description
    <textarea rows="10" cols="50" wrap="physical" name="post">
    </textarea><br/>
    <input type="Submit" value="Post">

    <br/><br/>


  <form enctype="multipart/form-data" action="xx.php" method="post">
    <input type="hidden" name="MAX_FILE_SIZE" value="1000000" />
    Choose a file to upload: <input name="uploaded_file" type="file" />
    <input type="submit" value="Upload" />
  </form>

如何让用户编写文本并浏览图像，只有按下一个按钮才能上传文本和文件？

Answer 1

您无法使用相同的按钮提交两个表单。您需要将这两个字段合并为一个表单。

Answer 2

您可以将文件输入移动到第一个<form>（顺便说一下，您还没有关闭）并使用javascript检查是否输入了文本并选择了文件。

Answer 3

不要嵌套您的表单标签（它是无效的HTML）。您可以将所有输入放在一个表单中，以便将它们一起发布。

e.g。

<form enctype="multipart/form-data" action="xx.php" method="post"> 
  Enter Title of the Post<INPUT type="text" name="title"> 
  <br/> 
  Enter Description 
  <textarea rows="10" cols="50" wrap="physical" name="post"> 
  </textarea>
  <br/>
  <br/>
  <input type="hidden" name="MAX_FILE_SIZE" value="1000000" /> 
  Choose a file to upload: <input name="uploaded_file" type="file" /> 
  <input type="submit" value="Upload" /> 
</form>

哦，作为旁注，您可能不想在输入控件中使用“post”之类的名称。

如何在HTML中结合发布和上传

3 个答案: