¿Cómo puedo enlistar todos los campos de un formulario?

[Alexis88]

Ya tienes la idea, solamente te faltó recorrer al conjunto de elementos que contiene el formulario y en cada iteración, ir imprimiendo el Id y valor de cada uno de ellos.

Código Javascript:

var form = document.getElementById("formulario"),
    elementos = form.elements,
    total = elementos.length;
 
form.addEventListener("submit", function(e){
    e.preventDefault();
    for (i = 0; i < total; i++)
        if (elementos[i].getAttribute("type") != "submit")
            document.body.innerHTML += elementos[i].id + ": " + elementos[i].value + "<br />";
}, false);
 

Esto sucederá cuando se haya mandado a procesar el formulario (evento submit), para lo cual, evito que se ejecute esta acción mediante el método preventDefault. Ya controlado dicho evento, proceso a recorrer al conjunto de elementos del formulario con ayuda de un bucle. En cada iteración, imprimiré los datos que deseo mostrar siempre y cuando no se trate del botón de tipo "submit" que es el que utilizo para el envío de los datos del formulario para su procesamiento.

DEMO

Saludos