What is seldays tag in HTML

                               What is seldays tag in HTML


In this tutorial, we want to know if there is any seldays tag in HTML and if there are any seldays tags in HTML then how it will be used in the tutorial. Let's see.

There is nothing like seldays tag in HTML. Html tags are a pre-defined element. we can't create new HTML tags. But,


seldays tag in html


What is seldays tag in html?


Seldays is defined as selection days and Seldays is a short form of people call and used in the select tag name. 

Ok, Let's see How to Create Select boxes with multiple selections in HTML and CSS. For stylish design am using Bootstrap code:

Example:





<select name="selDays" multiple="multiple">
<option value=" "> name of the day</option>
.....
.....
</select>




Create Select boxes with multiple selections in HTML and CSS:

CSS:


  
  <style type="text/css">
body{
margin-top:100px;
}
.container
{
background-color:#363636;
color:#fff;
padding:90px;
border-radius:15px;
}
h3{
text-align:center;

}
.buttonstyle
{
margin-top:40px;
}
</style>
  
  




HTML:
    
<html>
<!--www.dailyaspirants.com-->
<head>
<title>Select boxes with the multiple attribute</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<style type="text/css">

<!----css code--->

</style>
</head>

<body>
<div class="container">
<form action="" method="get" name="Days">
<h3>select more than one day of the week <br/>(select multiple days
hold down the ctrl key and click days):</h3>
<br/>
<select class="form-select" size="4" name="selDays" multiple aria-label="multiple select example">
<option value="Mon">Monday</option>
<option value="Tue">Tuesday</option>
<option value="Wed">Wednesday</option>
<option value="Thu">Thursday</option>
<option value="Fri">Friday</option>
<option value="Sat">Saturday</option>
<option value="Sun">Sunday</option>
</select>
<center>
<input class="btn btn-lg btn-primary buttonstyle" type="submit" value="Submit" name="select day"/>
</center>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
</body>
</html>
    
    



Final Code:
    
<html>
<!--www.dailyaspirants.com-->
<head>
<title>Select boxes with the multiple attribute</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<style type="text/css">
body{
margin-top:100px;
}
.container
{
background-color:#363636;
color:#fff;
padding:90px;
border-radius:15px;
}
h3{
text-align:center;

}
.buttonstyle
{
margin-top:40px;
}
</style>
</head>

<body>
<div class="container">
<form action="" method="get" name="Days">
<h3>select more than one day of the week <br/>(select multiple days
hold down the ctrl key and click days):</h3>
<br/>
<select class="form-select" size="4" name="selDays" multiple aria-label="multiple select example">
<option value="Mon">Monday</option>
<option value="Tue">Tuesday</option>
<option value="Wed">Wednesday</option>
<option value="Thu">Thursday</option>
<option value="Fri">Friday</option>
<option value="Sat">Saturday</option>
<option value="Sun">Sunday</option>
</select>
<center>
<input class="btn btn-lg btn-primary buttonstyle" type="submit" value="Submit" name="select day"/>
</center>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
</body>
</html>
    
    


Following code Result:

seldays




I hope you will learn something in the tutorial and we know. what is seldays in HTML and How to Create Select boxes with multiple selections in HTML and CSS and If you like this tutorial share it with your friends and family.



--Live Demo--
Previous Post Next Post