Jump to content

Makwana Prahlad

Members
  • Content Count

    4
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Makwana Prahlad

  • Rank
    Newbie

Contact Methods

  • Website URL
    http://www.ifourtechnolab.com

Profile Information

  • Gender
    Male
  • Location
    Ahmedabad
  • Interests
    HTML, CSS, JavaScript, C#
  1. Makwana Prahlad

    dropdown

    Hello, @Gentle7 Try this code to implement Dropdown: <!DOCTYPE html> <html> <head> <style> .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: skyblue; min-width: 111px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #f1f1f1} .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: #3e8e41; } </style> </head> <body> <h2>Dropdown Menu</h2> <div class="dropdown"> <button class="dropbtn">Mobile List</button> <div class="dropdown-content"> <a href="#Apple">Apple</a> <a href="#Samsung">Samsung</a> <a href="#Sony">Sony</a> <a href="#Mi">Mi</a> <a href="#Realme">Realme</a> <a href="#OnePlus">OnePlus</a> <a href="#Intex">Intex</a> <a href="#Micromax">Micromax</a> </div> </div> </body> </html> I hope above code will be useful for you. Thank you.
  2. Hello, @stormtracker I have updated your code and attached the files. Please check it . index.html style.css weather.js
  3. Hello, @mickeymouse Try this code : <html> <head> <script> function countlength() { var textval = document.getElementById("val"); if (textval.value.length < 9) { alert("MUST BE 9 CHARACTERS." + "\n\nYour input characters length is :- " + textval.value.length); return false; } return true; } </script> <title>Input value length checked</title> </head> <body> <h2>Input value length checked</h2> <input type="text" name="val" id="val" /> <br /><br /> <input type="submit" value="Submit" name="Submit" onclick="countlength()" /> </body> </html> I hope above code will be useful for you. Thank you.
  4. Hello, @Rifat Al Rajo Try this code to generate Table in HTML <html> <head> <title>table-layout</title> </head> <body> <table border="1" width="50%" height="50%" style="text-align: center;"> <tr> <td colspan="5">1</td> </tr> <tr> <td colspan="3">2</td> <td colspan="2" rowspan="3">3</td> </tr> <tr> <td rowspan="3">4</td> <td colspan="2">5</td> </tr> <tr> <td rowspan="2">8</td> <td rowspan="2">9</td> </tr> <tr> <td>6</td> <td>7</td> </tr> </table> </body> </html> I hope above information will be useful for you. Thank you.
×
×
  • Create New...