snipt

Ctrl+h for KB shortcuts

HTML

Month & Day html dropdown list

<!-- Month dropdown -->
<select name="month" id="month" onchange="" size="1">
    <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>

<!-- Day dropdown -->
<select name="day" id="day" onchange="" size="1">
    <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>
https://snipt.net/embed/6ac5f01589371d0b0921608ee677254a/
/raw/6ac5f01589371d0b0921608ee677254a/
6ac5f01589371d0b0921608ee677254a
html
HTML
50
2019-06-18T00:42:42
True
False
False
/api/public/snipt/3598/
month-day-html-dropdown-list
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1"> 1</a> <a href="#L-2"> 2</a> <a href="#L-3"> 3</a> <a href="#L-4"> 4</a> <a href="#L-5"> 5</a> <a href="#L-6"> 6</a> <a href="#L-7"> 7</a> <a href="#L-8"> 8</a> <a href="#L-9"> 9</a> <a href="#L-10">10</a> <a href="#L-11">11</a> <a href="#L-12">12</a> <a href="#L-13">13</a> <a href="#L-14">14</a> <a href="#L-15">15</a> <a href="#L-16">16</a> <a href="#L-17">17</a> <a href="#L-18">18</a> <a href="#L-19">19</a> <a href="#L-20">20</a> <a href="#L-21">21</a> <a href="#L-22">22</a> <a href="#L-23">23</a> <a href="#L-24">24</a> <a href="#L-25">25</a> <a href="#L-26">26</a> <a href="#L-27">27</a> <a href="#L-28">28</a> <a href="#L-29">29</a> <a href="#L-30">30</a> <a href="#L-31">31</a> <a href="#L-32">32</a> <a href="#L-33">33</a> <a href="#L-34">34</a> <a href="#L-35">35</a> <a href="#L-36">36</a> <a href="#L-37">37</a> <a href="#L-38">38</a> <a href="#L-39">39</a> <a href="#L-40">40</a> <a href="#L-41">41</a> <a href="#L-42">42</a> <a href="#L-43">43</a> <a href="#L-44">44</a> <a href="#L-45">45</a> <a href="#L-46">46</a> <a href="#L-47">47</a> <a href="#L-48">48</a> <a href="#L-49">49</a> <a href="#L-50">50</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="c">&lt;!-- Month dropdown --&gt;</span> </span><span id="L-2"><a name="L-2"></a><span class="p">&lt;</span><span class="nt">select</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;month&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;month&quot;</span> <span class="na">onchange</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="na">size</span><span class="o">=</span><span class="s">&quot;1&quot;</span><span class="p">&gt;</span> </span><span id="L-3"><a name="L-3"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;01&quot;</span><span class="p">&gt;</span>January<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-4"><a name="L-4"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;02&quot;</span><span class="p">&gt;</span>February<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-5"><a name="L-5"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;03&quot;</span><span class="p">&gt;</span>March<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-6"><a name="L-6"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;04&quot;</span><span class="p">&gt;</span>April<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-7"><a name="L-7"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;05&quot;</span><span class="p">&gt;</span>May<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-8"><a name="L-8"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;06&quot;</span><span class="p">&gt;</span>June<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-9"><a name="L-9"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;07&quot;</span><span class="p">&gt;</span>July<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-10"><a name="L-10"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;08&quot;</span><span class="p">&gt;</span>August<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-11"><a name="L-11"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;09&quot;</span><span class="p">&gt;</span>September<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-12"><a name="L-12"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;10&quot;</span><span class="p">&gt;</span>October<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-13"><a name="L-13"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;11&quot;</span><span class="p">&gt;</span>November<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-14"><a name="L-14"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;12&quot;</span><span class="p">&gt;</span>December<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-15"><a name="L-15"></a><span class="p">&lt;/</span><span class="nt">select</span><span class="p">&gt;</span> </span><span id="L-16"><a name="L-16"></a> </span><span id="L-17"><a name="L-17"></a><span class="c">&lt;!-- Day dropdown --&gt;</span> </span><span id="L-18"><a name="L-18"></a><span class="p">&lt;</span><span class="nt">select</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;day&quot;</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;day&quot;</span> <span class="na">onchange</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="na">size</span><span class="o">=</span><span class="s">&quot;1&quot;</span><span class="p">&gt;</span> </span><span id="L-19"><a name="L-19"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;01&quot;</span><span class="p">&gt;</span>01<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-20"><a name="L-20"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;02&quot;</span><span class="p">&gt;</span>02<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-21"><a name="L-21"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;03&quot;</span><span class="p">&gt;</span>03<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-22"><a name="L-22"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;04&quot;</span><span class="p">&gt;</span>04<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-23"><a name="L-23"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;05&quot;</span><span class="p">&gt;</span>05<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-24"><a name="L-24"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;06&quot;</span><span class="p">&gt;</span>06<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-25"><a name="L-25"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;07&quot;</span><span class="p">&gt;</span>07<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-26"><a name="L-26"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;08&quot;</span><span class="p">&gt;</span>08<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-27"><a name="L-27"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;09&quot;</span><span class="p">&gt;</span>09<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-28"><a name="L-28"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;10&quot;</span><span class="p">&gt;</span>10<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-29"><a name="L-29"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;11&quot;</span><span class="p">&gt;</span>11<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-30"><a name="L-30"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;12&quot;</span><span class="p">&gt;</span>12<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-31"><a name="L-31"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;13&quot;</span><span class="p">&gt;</span>13<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-32"><a name="L-32"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;14&quot;</span><span class="p">&gt;</span>14<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-33"><a name="L-33"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;15&quot;</span><span class="p">&gt;</span>15<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-34"><a name="L-34"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;16&quot;</span><span class="p">&gt;</span>16<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-35"><a name="L-35"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;17&quot;</span><span class="p">&gt;</span>17<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-36"><a name="L-36"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;18&quot;</span><span class="p">&gt;</span>18<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-37"><a name="L-37"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;19&quot;</span><span class="p">&gt;</span>19<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-38"><a name="L-38"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;20&quot;</span><span class="p">&gt;</span>20<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-39"><a name="L-39"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;21&quot;</span><span class="p">&gt;</span>21<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-40"><a name="L-40"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;22&quot;</span><span class="p">&gt;</span>22<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-41"><a name="L-41"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;23&quot;</span><span class="p">&gt;</span>23<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-42"><a name="L-42"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;24&quot;</span><span class="p">&gt;</span>24<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-43"><a name="L-43"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;25&quot;</span><span class="p">&gt;</span>25<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-44"><a name="L-44"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;26&quot;</span><span class="p">&gt;</span>26<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-45"><a name="L-45"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;27&quot;</span><span class="p">&gt;</span>27<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-46"><a name="L-46"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;28&quot;</span><span class="p">&gt;</span>28<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-47"><a name="L-47"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;29&quot;</span><span class="p">&gt;</span>29<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-48"><a name="L-48"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;30&quot;</span><span class="p">&gt;</span>30<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-49"><a name="L-49"></a> <span class="p">&lt;</span><span class="nt">option</span> <span class="na">value</span><span class="o">=</span><span class="s">&quot;31&quot;</span><span class="p">&gt;</span>31<span class="p">&lt;/</span><span class="nt">option</span><span class="p">&gt;</span> </span><span id="L-50"><a name="L-50"></a><span class="p">&lt;/</span><span class="nt">select</span><span class="p">&gt;</span> </span></pre></div> </td></tr></table>
day, dropdown, html, list, month