<form>
    <input type="text" size="15" value="Hello World" name="elmOne">
    <input type="checkbox" name="elmTwo" checked>
    <textarea name="elmThree">Small textarea</textarea>
    <select name="elmFour">
       <option selected> Yellow
       <option> Green
    </select>
    <input type="button" onclick="elmName()" name="elmFive" value="Display Names">
    <input type="button" onclick="elmLoop()" name="elmSix" value="Display Properties and Values">
</form>

function elmName(){

   for(i=0; i<document.forms[0].elements.length; i++){
   alert(document.forms[0].elements[i].name)
   }

}

function elmLoop(){

var theForm = document.forms[0]

   for(i=0; i<theForm.elements.length; i++){
   var alertText = ""
   alertText += "Element Type: " + theForm.elements[i].type + "\n"

      if(theForm.elements[i].type == "text" || theForm.elements[i].type == "textarea" || theForm.elements[i].type == "button"){
      alertText += "Element Value: " + theForm.elements[i].value + "\n"
      }
      else if(theForm.elements[i].type == "checkbox"){
      alertText += "Element Checked? " + theForm.elements[i].checked + "\n"
      }
      else if(theForm.elements[i].type == "select-one"){
      alertText += "Selected Option's Text: " + theForm.elements[i].options[theForm.elements[i].selectedIndex].text + "\n"
      }
   alert(alertText)
   }

}