下拉表格附在按钮上

时间:2014-01-28 07:11:34

标签: forms button

我想将一个表单附加到一个按钮上,这样当按下按钮时,一个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>

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分: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>