Drop down | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

Drop down

How to code a drop down menu which its values can be copied and be pasted later?

11th May 2018, 5:24 PM
Omid Zarghami
Omid Zarghami - avatar
2 Answers
+ 17
You can find different dropdown implementations in the Code Playground, just use the search function.
11th May 2018, 5:43 PM
Igor Makarsky
Igor Makarsky - avatar
+ 3
by this way you can do that HTML Code: <div class="navbar">  <a href="#home">Home</a>  <a href="#news">News</a>  <div class="dropdown">  <button class="dropbtn">Dropdown   <i class="fa fa-caret-down"></i>  </button>  <div class="dropdown-content">  <a href="#">Link 1</a>  <a href="#">Link 2</a>  <a href="#">Link 3</a>  </div>  </div>  </div> CSS Code: /* Navbar container */ .navbar {  overflow: hidden;  background-color: #333;  font-family: Arial; } /* Links inside the navbar */ .navbar a {  float: left;  font-size: 16px;  color: white;  text-align: center;  padding: 14px 16px;  text-decoration: none; } /* The dropdown container */ .dropdown {  float: left;  overflow: hidden; } /* Dropdown button */ .dropdown .dropbtn {  font-size: 16px;   border: none;  outline: none;  color: white;  padding: 14px 16px;  background-color: inherit; } /* Add a red background color to navbar links on hover */ .navbar a:hover, .dropdown:hover .dropbtn {  background-color: red; } /* Dropdown content (hidden by default) */ .dropdown-content {  display: none;  position: absolute;  background-color: #f9f9f9;  min-width: 160px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1; } /* Links inside the dropdown */ .dropdown-content a {  float: none;  color: black;  padding: 12px 16px;  text-decoration: none;  display: block;  text-align: left; } /* Add a grey background color to dropdown links on hover */ .dropdown-content a:hover {  background-color: #ddd; } /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {  display: block; }
11th May 2018, 5:33 PM
MsJ - avatar