Anmelden | Registrieren | FAQ
Anonymous

How to create a form with checkboxes/hoverable dropdown

+ Antwort erstellen

1 Beitrag Seite 1 von 1


How to create a form with checkboxes/hoverable dropdown

von raymond_55 » Do Jul 06, 2017 3:56 pm

Hi. I also psoted this question here: https://stackoverflow.com/questions/44912472/how-to-create-a-form-with-checkboxes-and-a-hoverable-dropdown-menu-to-chose-acti

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:
Bild

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

The working code for the table:
Code: Alles auswählen
    <form action="/action_page.php" method="get">
       <input type="submit" value="Submit">      
       <table>
         @foreach ($tags as $tag)
         <tr>
           <td>
              <br>{{$tag->title}}</br>
           </td>                
           <td>
               <input type="checkbox" name={{$tag->title}} value="true"><br>
           </td>
         </tr>      
         @endforeach
       </table>
      </form>


source: https://www.w3schools.com/tags/att_input_checked.asp

Potential code for the hoverable menu:
Code: Alles auswählen
    <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: https://www.w3schools.com/howto/howto_css_dropdown.asp

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.
Benutzeravatar

raymond_55

  • Beiträge: 1
  • Registriert: Do Jul 06, 2017 3:47 pm


+ Antwort erstellen

Seite 1 von 1