在IE中的iframe中提交按钮不起作用

时间:2012-03-26 19:56:11

标签: iframe form-submit

当涉及到后端时,我是一个非常狩猎/复制/粘贴的人,所以如果它很恶心,请原谅下腹部:)

这是低调:我创建了一个“单页”风格的网站,每个子部分都是一个iframe,你可以在这里看到:website

问题是:IE中的“联系”部分。它也是一个带有drw-mailform.php的iframe。我在iframe内部无法使用Submit按钮工作,但是当我直接输入时,www.danielwheeler.net / drw-mailform.php,表单工作得很好。所以,关于iframe的一些事情让我感到困惑,经过大量的谷歌尝试后我还没找到原因。

index-ie.html代码是:(好的,抱歉。我似乎无法从Dreamweaver中复制/粘贴代码而不是一个无格式的混乱块?)

调用iframe的drw-mailform.php代码是:

<style type="text/css">
label{font:1em arial,helvetica,sans-serif;color:#663300}
a{color:#663300;text-decoration:none;outline:none;}
a:hover{color:#663300;}
body{background-color:transparent;}
</style>

<form name="contactform" method="post" action="send-form-email.php">

<table width="387" height="396" align="center"  cellspacing="10"     background="img/contact_bg.jpg" style="background-repeat:no-repeat;">
<tr>
<td height="66" colspan="2" valign="top">
<label for="first_name"></label></td>
</tr>
<tr>
<td width="121" valign="top"><label for="first_name">First Name *</label></td>
<td width="230" valign="top"><input  type="text" name="first_name" maxlength="50"    size="30" /></td>
</tr>
<tr>
<td valign="top"">
<label for="last_name">Last Name *</label> </td>
<td valign="top">
<input  type="text" name="last_name" maxlength="50" size="30"> </td>
</tr>
<tr>
<td height="26" valign="top">
<label for="email">Email *</label></td>
<td valign="top">
<input  type="text" name="email" maxlength="80" size="30"> </td>
</tr>
<tr>
<td height="101" valign="top">
<label for="comments">Comments *</label> </td>
<td valign="top"><textarea  name="comments" cols="25" rows="6"></textarea></td>
</tr>
<tr>
<td height="75" colspan="2" style="text-align:center">
<input type="submit" value="Send"> </td>
</tr>
</table>
</form>

嗯,希望这足以给我一些帮助。感谢所有尝试:)

1 个答案:

答案 0 :(得分:0)

首先,使用iframe的原因非常少。事实上,除非绝对必要,否则在网页设计中通常会非常沮丧。看看你的网站,我认为没有理由使用iframe。我建议摆脱你的iframe,利用普遍接受的方法来完成你使用iframe的原因,并重建那些棋子。由于各种原因,iframe很糟糕,我强烈建议不要使用它们。