Html 按钮输入<；部门>；不起作用

我的按钮在包装在我的div中时不起作用-它最初是隐藏的。 -当它没有包装在“caption”div中时，它就工作了-有什么想法吗

HTML:

---

}因为包装器div是隐藏的，所以里面的所有元素都隐藏了两个

尝试这样做：

<div id="wrapper">
  <div class="hiddenContent">hidden content</div>
  <div>put your button here</div>
</div>

隐藏内容
把你的按钮放在这里

您应该首先清理并修复HTML。标记不能包含在内联元素（）中。您有大量未关闭的标记（，）。

你写的代码是错误的，因为我们不能给出按钮type=“submit” 试试这个

或

此按钮应该做什么？表单标签在哪里？这个按钮必须提交什么？关闭你的li标签，因为这不是真的。是完全有效的。我似乎无法让这个工作，因为它不是我有问题的按钮-只是事实上，它最初在一个隐藏的，似乎禁用按钮，即使它是可见的-再次感谢！谢谢@Hatake，但我确实需要一开始隐藏的按钮，我认为这是导致问题的原因！因此，您可以使用隐藏样式设置环绕按钮的div，并在需要时使用javascript显示按钮：）

<li
<a class="thumb" name="test" href="images/folio_rollovers/test_rollover.jpg" style="border:none">
<div id="triggers">
<img src="images/folio_icons/test_icon.jpg"  
rel="#award5"/>
</div>

<div class="simple_overlay" id="award5">
<img src="images/awards/award.png"  
style="border:none"/>
</div>


<div class="caption">

<span class="whitetextboldlge">Headline</span>  
<br><br>
<span class="whitetext-italics">
Subhead:<br><p>
Body copy goes here</span> <br><br>
<button type="submit" style="border: 1; background: transparent" href="#" rel="div.overlay"> 
<img src="images/awards/award-video.png"></img></button>


</span>
</div>
</a>
</li>

.caption-container2 {
margin: 10px 20px 140px 15px;
height: 150px;
border: solid #green 0px;

<div id="wrapper">
  <div class="hiddenContent">hidden content</div>
  <div>put your button here</div>
</div>

 <button type="submit" style="border: 1; background: transparent" href="#" rel="div.overlay"> 

<input type="submit" style="border: 1; background: transparent" href="#" rel="div.overlay">    
or
<button value="Submit" onClick="fun()"/>