Html 如何单击任意链接在同一页面（窗口）的框架中打开表单

我正在研究wordpress和bootstrap。我的问题是，在我的页面上有一个图像，其中我有不同的社交网站链接，很少有页面链接。现在，当用户单击查询链接时，我希望在iframe或div中的同一页面上打开一个表单，它应该只在单击该链接时打开，否则它将保持隐藏状态。请帮帮我，伙计们

这是我的标题代码，其中的图像被放置为pearlIcons01.jpg，所有的社交链接和表单链接都映射在上面

<div id="customHeaderRight" class="span8 hidden-phone" align="right"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/pearlIcons01.jpg" border="0" usemap="#Map" />
  <map name="Map" id="Map">
    <area shape="rect" coords="75,37,93,58" href="http://www.facebook.com/PearlAcademyOfficial" target="_blank" />
    <area shape="rect" coords="100,37,117,57" href="https://twitter.com/Pearl_Academy"  target="_blank"/>
    <area shape="rect" coords="124,36,143,58" href="http://www.youtube.com/PearlAcademyIndia"  target="_blank"/>
 <area shape="rect" coords="73,5,94,21" href="http://xyz/enquiry-form" />
    <area shape="rect" coords="99,6,119,22" href="#" />
    <area shape="rect" coords="125,5,148,22" href="#" />
  </map>
</div>

我想打开此链接上的表单，如上所述：

<area shape="rect" coords="73,5,94,21" href="http://xyz/enquiry-form" />

帮帮我，伙计们……

<div id="customHeaderRight" class="span8 hidden-phone" align="right"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/pearlIcons01.jpg" border="0" usemap="#Map" />
  <map name="Map" id="Map">
    <area shape="rect" coords="75,37,93,58" href="http://www.facebook.com/PearlAcademyOfficial" target="_blank" />
    <area shape="rect" coords="100,37,117,57" href="https://twitter.com/Pearl_Academy"  target="_blank"/>
    <area shape="rect" coords="124,36,143,58" href="http://www.youtube.com/PearlAcademyIndia"  target="_blank"/>
 <area shape="rect" coords="73,5,94,21" href="http://xyz/enquiry-form" target="myIframe" onclick="document.getElementById('theiframe').styles.display='block';"/>
    <area shape="rect" coords="99,6,119,22" href="#" />
    <area shape="rect" coords="125,5,148,22" href="#" />
  </map>
</div>
<iframe style="display:none;" name="myIframe" id="theiframe"></iframe>

伙计们，这件事很紧急………我的老板要杀了我只要把目标改成你的iframe的名字…@Salketer:如果把目标改成我的iframe名字，它会显示一个iframe，我不想这样，我只想在用户点击任何链接时显示iframe。当它传递给框架时，它会打开整个页面而不是表单。更好地解释一下，表单在哪里？如果不是表单，iframe中有什么？听说过JSFIDLE吗？yupp听说过，但你的回答对这一点很有帮助……但现在的问题是，整个页面正在打开，而不是单一表单。也许可以将页面更改为仅显示表单？或者更改已包含表单的div的iframe。保持同样的策略…我正在通过wordpress表单管理器构建表单，并在页面上调用它，然后在此处传递该页面的url使用带有空模板的页面还是什么？您的问题已标记为关于html。。。我帮不了你。