Выпадающая форма, прикрепленная к кнопке

Question

Я хотел бы прикрепить форму к кнопке, чтобы при нажатии кнопки a из нее выпало под ней. Как мне сделать что-то подобное?

Я не указал код, поскольку я не думаю, что какой-либо код нужен другому, кроме кода, который отправляется кем-то, кто отвечает на мой вопрос, однако я могу предоставить код, если код нужен, но я не думал это было.

Благодарим вас за это.

ФОРМА КОД

<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