Use <datalist> tag and attribute
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body{
background-color: darksalmon;
}
</style>
<title>datalist</title>
</head>
<body>
<h1>This is DataList Element</h1>
<form action="">
<label for="browser"><b> Choose your fevriot browser in this list</b></label><br><br>
<input list="browsers" id="browser" name="browser" placeholder="choose browser">
<!-- list or id same value -->
<datalist id="browsers">
<option value="Corm">
<option value="Fairfox">
<option value="Opera">
<option value="Edge">
</datalist><br><br>
<input type="submit" style="background-color: darkorange;">
</form>
</body>
</html>
Comments
Post a Comment