mardi 4 juillet 2017

How to create a form with checkboxes and a hoverable dropdown menu to chose action

I would like to implement the following. A table with a checkbox in a cell for every row. To submit the form a dropdown menu offers the different actions to take (move, delete, etc).

It would look like:

enter image description here

The submit button would be a hoverable dropdown with different actions:

enter image description here

The working code for the table:

<form action="/action_page.php" method="get">
    <input type="submit" value="Submit">        
    <table>
      @foreach ($tags as $tag)
      <tr>
        <td>
           <br></br>
        </td>                
        <td>
            <input type="checkbox" name= value="true"><br> 
        </td> 
      </tr>     
      @endforeach
    </table>
  </form>

source: http://ift.tt/2tIXQLE

Potential code for the hoverable menu:

<div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div>

source: http://ift.tt/2uHjlK8

How could this be achieved? A form has only one action for the button and how to make the submit button into a hoverable dropdown?

Thank you.




Aucun commentaire:

Enregistrer un commentaire