Example3 : using getElementById in a form

The code

function processFormData()
{

  var inputs = document.getElementsByTagName('input');
 
  var message =
    "The form has the following input elements with "+
    " the 'type' attribute = 'text': \n\n";

  for (var i=0; i < inputs.length; i++) {
  if (inputs[i].getAttribute('type') == 'text') {
    message += inputs[i].tagName +
        " element with the 'name' attribute = '"
        + inputs[i].getAttribute('name') + "'\n";
  }
  }

  alert(message);
 
}

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

Back to article: using getElementById

  • Digg
  • del.icio.us
  • Netscape
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

How to make a form without coding? Click here for a demo.

Follow me on twitter

HTML Forms
HTML Form Tutorial
The Form Tag
The Form Submit Button
Form design software
How to make a web form
Make web forms quickly, without coding

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-2009 JavaScript-coder.com. All rights reserved.