它是有效的有一个html表单在另一个html表单?

以下是有效的html:

<form action="a">
    <input.../>
    <form action="b">
        <input.../>
        <input.../>
        <input.../>
    </form>
    <input.../>
</form>

当你提交b时，你只能得到内部表单中的字段。当你提交“a”时，你会得到所有字段减去“b”内的字段。

如果不可能，对于这种情况有什么可行的变通办法?

当前回答

一种可能是在外部形式中有一个iframe。iframe包含内部表单。确保在iframe的head标记中使用<base target="_parent" />标记，使表单表现为主页的一部分。

2012-02-27 17:19:24

其他回答

不，这是无效的。但是一个“解决方案”可以是在窗体“a”之外创建一个包含窗体“b”的模态窗口。

<div id="myModalFormB" class="modal">
    <form action="b">
        <input.../>
        <input.../>
        <input.../>
        <button type="submit">Save</button>
    </form>
</div>

<form action="a">
    <input.../>
    <a href="#myModalFormB">Open modal b </a>
    <input.../>
</form>

如果你使用bootstrap或materialize css，这很容易做到。我这样做是为了避免使用iframe。

2017-08-06 17:41:41

快速的解决方案: 要获得不同表单的不同验证，并将它们的提交保存在独立的函数中，您可以这样做:

<form id="form1" onsubmit="alert('form1')"></form>
<form id="form2" onsubmit="alert('form2')"></form>

<div>
  <input form="form1" required />
  <input form="form1" required />

  <div>
      <input form="form2" required />
      <input form="form2" required />
      <button form="form2" type="submit">Send form2</button>
  </div>

  <input form="form1" required />
  <button form="form1" type="submit">Send form1</button>
</div>

2022-11-05 17:16:38

通过将HTML代码输入W3 Validator，您可以非常容易地回答自己的问题。(它有一个文本输入域，你甚至不需要把你的代码放在服务器上…)

(不，它不会生效。)

2009-02-17 08:41:17

而是在表单的action属性中使用自定义javascript方法!

<html>
    <head>
        <script language="javascript" type="text/javascript">
        var input1 = null;
        var input2 = null;
        function InitInputs() {
            if (input1 == null) {
                input1 = document.getElementById("input1");
            }
            if (input2 == null) {
                input2 = document.getElementById("input2");
            }

            if (input1 == null) {
                alert("input1 missing");
            }
            if (input2 == null) {
                alert("input2 missing");
            }
        }
        function myMethod1() {
            InitInputs();
            alert(input1.value + " " + input2.value);
        }
        function myMethod2() {
            InitInputs();
            alert(input1.value);
        }
        </script>
    </head>
    <body>
        <form action="javascript:myMethod1();">
            <input id="input1" type="text" />
            <input id="input2" type="text" />
            <input type="button" onclick="myMethod2()" value="myMethod2"/>
            <input type="submit" value="myMethod1" />
        </form>
    </body>
</html>

2009-02-17 08:39:43

作为解决方案，你可以在提交按钮上使用formaction属性。输入时用不同的名字。

<form action="a">
<input.../>
    <!-- Form 2 inputs -->
    <input.../>
    <input.../>
    <input.../>
    <input type="submit" formaction="b">

</form>
<input.../>

2020-07-31 09:50:04

它是有效的有一个html表单在另一个html表单?

推荐文章

最新文章

标签