附加到按钮的下拉表单

Question

我想将一个表单附加到一个按钮上，这样当按下按钮时，一个 from 将下拉到它的下方。我该怎么做这样的东西？

我没有提供任何代码，因为我认为除了回复我的问题的人发布的代码之外不需要任何代码，但是如果需要代码，我可以提供代码，但我认为不需要是。

感谢您阅读本文。

表格代码

<form action="team.php" method="POST" name="profiles">
<div>Team Name: <input type="text" name="team" value="<?php echo $cx;?>"></div>
<input type="submit" name="signupbtn">
</form>

按钮代码

<button class="myButtont"><?php echo "<a href=esports/create/team.php>Create a Team</a>";?></button>

你可能会想我为什么要回显一个链接。这是因为我会将数据库中的团队名称作为变量包含在内，所以请不要问我为什么要回显链接。

Answer 1

使用此代码，

<div id="div1" style="visibility:hidden;">
    <form action="team.php" method="POST" name="profiles">
    <div>Team Name: <input type="text" name="team" value="<?php echo $cx;?>"></div>
    <input type="submit" name="signupbtn">
    </form>
</div>

按钮代码，

<button class="myButtont" onclick='showForm();'><?php echo "<a href='#'>Create a Team</a>";?></button>

在您的 HTML 文件中使用此脚本，

<script>
function showForm() { 
   document.getElementById('div1').style.visibility= 'visible' ;
}
</script>

Answer 2

您可以使用弹出窗口来显示表单。您必须将按钮用作必须下拉的锚视图。更多你可以找到http://developer.android.com/reference/android/widget/PopupWindow.html