如何制作可点击的下拉菜单

Question

In dropdown content by clicking the content the input box would open .I have prepared the dropdown

This is my Code:

 <div class="dropdown"> <button onclick="myFunction()" class="dropbtn">Dropdown</button> <div id="myDropdown" class="dropdown-content"> <a href="#education">Education <div class="form-popup" id="myForm"> <form action="/action_page.php" class="form-container"> <label for="12th percentage"><b>12 percentage</b></label> <input type="text" placeholder="Enter percentage" name="percentage" required> <label for="highest degree"> <b>Highest degree</b> </label> <input type="text" placeholder="Enter degree" name="degree" required> </form> </div> </a> <a href="#address">Address </a> <a href="#contact">Contact </a> </div>

Answer 1

You could start with this and work from there. Your question is pretty vague so it would help to specify it and add your CSS/JS too.

#myDropdown {
  display: none;
}

function myFunction() {
    document.getElementById('myDropdown').style.display = "block";
}