title: drop down list instead of input box that have date
body: <p>i want to create a dropdown list instead of input box that have day moth and year and when entered the date today must appear</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;style&gt;
  form{
   border:1px solid black;
   width:300px;
   padding:5px;
  }
  .formTitle{
   font-weight: bold;
   font-size: 20px;
  }
  &lt;/style&gt;
  &lt;script&gt;
  var listForms = []
  function createForm(targetID){
   listForms.push(new form(listForms.length)); 
   targetID.appendChild(listForms[listForms.length-1].form);
  }
  
  var form = function(formID){
   this.form = document.createElement("form")
   this.form.id = "form"+formID
   this.titleDiv = document.createElement("div")
   this.titleDiv.innerHTML = this.form.id
   this.titleDiv.setAttribute("class","formTitle")
   this.form.appendChild(this.titleDiv)
  
   this.inputboxList = [];
   this.inputbox = document.createElement("input")
   this.inputbox.type = "date"
   this.inputbox.id = this.form.id + "inputbox" + this.inputboxList.length
   this.inputboxList.push(this.inputbox)
   this.form.appendChild(this.inputbox)
  
   this.buttonList = [];
   this.button = new button(this.buttonList.length,this);
   this.buttonList.push(this.button.button);
   this.form.appendChild(this.buttonList[this.buttonList.length-1])
  
  }
  
  var button = function(buttonID,parent){
   var parent = parent
   this.button = document.createElement("input")
   this.button.type = "button"
   this.button.value = "button for " + parent.form.id;
   this.button.onclick = function(){
    var inputboxBind = parent.inputboxList[parent.inputboxList.length-1]
    this.button = new button(parent.buttonList.length,parent);
    parent.buttonList.push(this.button.button); 
    var inputbox = document.createElement("input")
    inputbox.type = "date"
    inputbox.id = parent.form.id +  "inputbox" + parent.inputboxList.length
    parent.inputboxList.push(inputbox)
    parent.form.appendChild(inputbox)
    parent.form.appendChild(parent.buttonList[parent.buttonList.length-1])
    alert(inputboxBind.value)
   }
  }
  &lt;/script&gt;
  
  &lt;input id="btnFormCreator" type="button" value="Create a Form"&gt;
  &lt;div id="targetContainer"&gt;&lt;/div&gt;
  
  &lt;script&gt;
  var targetContainer = document.getElementById("targetContainer");
  var btnFormCreator = document.getElementById("btnFormCreator");
  btnFormCreator.onclick = function(){
   createForm(targetContainer); 
  }
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>i want to create a dropdown list instead of input box that have day moth and year and when entered the date today must appear</p>