Question

根据我的场景，用户需要提交他/她的个人资料图片，然后获取图片的URL并将用户个人资料（包括用户名，性别，年龄和个人资料图片的URL）保存到服务器

以下代码不起作用，我认为不允许 nested-forms。有人可以帮我解决这个问题吗？

<form role="form" action="/submitTheProfile" method="post" >
  <input type="text"  name="fname" id="f1-first">
  <input type="text" name="age"  id="f2-first-name">
  <input type="text" name="gender" id="f3-first-name">

  <form role="form" action="/profilePicUpload" method="post" >

      <input id="file-0b" class="file" type="file">

   </form>

</form>

Answer 1

正如世界所说，你不能使用嵌套的形式。所以JavaScript可以用不同的方式解决你的问题，比如

HTML

<form role="form" action="/submitTheProfile" method="post" >
  <input type="text"  name="fname" id="f1-first">
  <input type="text" name="age"  id="f2-first-name">
  <input type="text" name="gender" id="f3-first-name">

  <input id="file-0b" class="file" type="file">

</form>

的Javascript

document.onload = function(e) {
    var el = document.getElementById('#file-0b'); el.onchange = function(){   // your code... };
 }

如何在网页中添加嵌套的html表单标签

1 个答案: