Years Months days HTML Drop-down List
Years, Months, Days HTML Drop-down List page provides a user-friendly solution for generating date and time selection lists in HTML. It includes drop-down menus for selecting the year, month, day, weekday name, and time (hours).
This tool is its support for multiple languages and locale-based formats, ensuring that month and weekday names are displayed accurately in different languages. Additionally, the tool includes an Arabic digit number year and day selection.
Give the number of years from which the year should begin and click generate button. And if you want to show the year in Arabic number, tick the checkbox Arabic number.
<select class="form-select" id="year" name="year">
<option>year</option>
<option value="2025">2025</option>
<option value="2024">2024</option>
<option value="2023">2023</option>
<option value="2022">2022</option>
<option value="2021">2021</option>
<option value="2020">2020</option>
<option value="2019">2019</option>
<option value="2018">2018</option>
<option value="2017">2017</option>
<option value="2016">2016</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option value="1949">1949</option>
<option value="1948">1948</option>
<option value="1947">1947</option>
<option value="1946">1946</option>
<option value="1945">1945</option>
<option value="1944">1944</option>
<option value="1943">1943</option>
<option value="1942">1942</option>
<option value="1941">1941</option>
<option value="1940">1940</option>
</select>Choose a language for displaying month names in the drop-down list. This tool supports multiple languages, including French, Arabic, German, Bengali, Malayalam, Tamil, and more.
You can customize the drop-down by setting the month value and adjusting the option text to display the month name alone or along with its corresponding number.
<select class="form-select" id="month" name="month">
<option>month</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>Easily create a drop-down list for selecting days in HTML. This tool supports Arabic number formatting, allowing days to be displayed using Arabic numerals for better localization and user experience.
<select class="form-select" id="day" name="day">
<option>day</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>Easily generate a drop-down list for selecting weekdays with support for multiple languages. Translate weekday names into different languages and choose between full names (Monday, Tuesday) or short names (Mon, Tue) for a compact display.
<select class="form-select" id="week" name="week">
<option>week</option>
<option value="sunday">Sunday</option>
<option value="monday">Monday</option>
<option value="tuesday">Tuesday</option>
<option value="wednesday">Wednesday</option>
<option value="thursday">Thursday</option>
<option value="friday">Friday</option>
<option value="saturday">Saturday</option>
</select>Create a customizable drop-down list for selecting hours in 12-hour (AM/PM) or 24-hour format. Choose between standard AM/PM notation or the 24-hour clock to fit different time display preferences.
Set value:
Set option text:
<select class="form-select" id="hour" name="hour">
<option>hour</option>
<option value="00:00">12:00 AM</option>
<option value="01:00">1:00 AM</option>
<option value="02:00">2:00 AM</option>
<option value="03:00">3:00 AM</option>
<option value="04:00">4:00 AM</option>
<option value="05:00">5:00 AM</option>
<option value="06:00">6:00 AM</option>
<option value="07:00">7:00 AM</option>
<option value="08:00">8:00 AM</option>
<option value="09:00">9:00 AM</option>
<option value="10:00">10:00 AM</option>
<option value="11:00">11:00 AM</option>
<option value="12:00">12:00 PM</option>
<option value="13:00">1:00 PM</option>
<option value="14:00">2:00 PM</option>
<option value="15:00">3:00 PM</option>
<option value="16:00">4:00 PM</option>
<option value="17:00">5:00 PM</option>
<option value="18:00">6:00 PM</option>
<option value="19:00">7:00 PM</option>
<option value="20:00">8:00 PM</option>
<option value="21:00">9:00 PM</option>
<option value="22:00">10:00 PM</option>
<option value="23:00">11:00 PM</option>
</select>Related:
Click on the link below to drop down the dynamic year month and day JavaScript and PHP