Example2 : using getElementById in a form

The code


function processFormData() 

{



  var inputs = document.getElementsByTagName('input');



  var message = 'The form has the following input elements: \n\n';



  for (var i = 0; i < inputs.length; i++) {

   message += inputs[i].tagName + " element with 'type' attribute = '" + inputs[i].getAttribute('type') + "' and 'name' attribute = '" + inputs[i].getAttribute('name') + "'\n";   

  }



  alert(message);

  

}

Download the code here: getelementbyid-form-sample.zip

Back to article: using getElementById


HTML Forms
	HTML Form Tutorial
	The Form Tag
	The Form Submit Button
	Form design software

Javascript Form Handling
Basics
	Using getElementById to get the elements in a form
	Set value of form element using JavaScript
	Get value of form element using JavaScript
	Handling multiple forms using JavaScript
	JavaScript reset/clear a form
Advanced
	JavaScript Form Validation
	Submitting a form using JavaScript
	Can JavaScript Email a Form?
	Switching the form action field dynamically
	JavaScript Button

JavaScript Popup Windows
	The window.open method
	The window.close method
	More ...



. Copyright © 2003-2008 Simfatic Solutions. All rights reserved.