Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在表单提交后关闭模式框?_Html_Css_Forms - Fatal编程技术网

Html 如何在表单提交后关闭模式框?

Html 如何在表单提交后关闭模式框?,html,css,forms,Html,Css,Forms,我在这里使用Paul R.Hayes描述的css模式框- 我已经在模式框中插入了一个表单。表单目标位于同一页面上隐藏的iframe中。我想在表单提交后立即关闭模式窗口。但是表单应该在iframe中处理(隐藏) 如何实现这一点?我假设模式按钮的关闭按钮调用Javascript函数。例如“CloseModal()”。 在表单标记中,可以使用以下代码调用该函数: <form name="myform" action="myconfpage.extension" target="iframe" o

我在这里使用Paul R.Hayes描述的css模式框-

我已经在模式框中插入了一个表单。表单目标位于同一页面上隐藏的iframe中。我想在表单提交后立即关闭模式窗口。但是表单应该在iframe中处理(隐藏)


如何实现这一点?

我假设模式按钮的关闭按钮调用Javascript函数。例如“CloseModal()”。 在表单标记中,可以使用以下代码调用该函数:

<form name="myform" action="myconfpage.extension" target="iframe" onSubmit="CloseModal();">

这将在提交表单时调用close函数。

它看起来像是任何链接到#close html片段的url都会关闭模式窗口

因此,将以下代码添加到表单的提交处理程序应在提交时关闭模式

<form ... onsubmit="window.location.assign('#close')">


我也这么认为,不过这个模式窗口似乎完全是由CSS创建的。@Ryan McCrossan,谢谢。对此模式框仅由css3制成。您的提交解决方案有效。这很简单,但我并不在意。我在考虑重定向。你不小心创建了两个未注册的帐户。我已经合并了它们,您现在可以编辑您的问题,并在问题的答案下留下评论。