HTML Program-Drop Down List


Simple HTML Program-Drop Down List


Create a HTML File and enter this code


<html>
<head>
<style>
body{
background-color:dodgerblue;
margin:0px 0px;
}
div{
margin-top:100px;

}
h1{
background-color:black;
color:white;
padding:10px;
}
option,select{
background-color:black;
color:white;
padding:20px;
font-size:20px;
border:3px green inset;
width:400px;
}
</style>
</head>
<body>
<center><h1>DISTRICTS IN KERALA</center></h1>
<form><div align="center"><select>
<option>Thiruvananthapuram</option>
<option>Kollam</option>
<option>Pathanamthitta</option>
<option>Alappuzha</option>
<option>Kottayam</option>
<option>Idukki</option>
<option>Ernakulam</option>
<option>Thrissur</option>
<option>Palakkad</option>
<option>Malappuram</option>
<option>Kozhikkode</option>
<option>Kannur</option>
<option>Wayanad</option>
<option>Kasargod</option>
</select></div>
</form>
</body>
</html>

Output

Output2

Comments

Popular posts from this blog

Introduction to C++ Programming Language

The Assembly Process Of 8086 Microprocessor-Two Pass Assembling Steps

Installing 8086 Assembler on a Computer