Ciao ragazzi, avrei una domanda! Ho creato un form con javascript e inserito in una pagina HTML. La mia idea è quella di far compilare i campi nome, cognome ed email e una volta cliccato il bottone in basso "Invia", i dati scritti nei campi mi vadano in una tabella(con le varie colonne) contenuta in un'altra pagina HTML... cosi posso vedere chi ha compilato! questo è il file form.js:
codice:
var x = document.getElementById("form_index");
var createform = document.createElement('form'); // Create New
Element form
createform.setAttribute("action", ""); // Setting
action Attribute on form
createform.setAttribute("method", "post"); // Setting
method Attribute on form
x.appendChild(createform);
var heading = document.createElement('h2'); // Heading of form
heading.innerHTML = "Compila i campi";
createform.appendChild(heading);
var line = document.createElement('hr'); //giving horizontal row
after heading
createform.appendChild(line);
var linebreak = document.createElement('br');
createform.appendChild(linebreak);
var namelabel = document.createElement('label'); // Create Label for
name field
namelabel.innerHTML = "Nome:"; // Set Field
Labels
createform.appendChild(namelabel);
var inputelement = document.createElement('input'); // Create input
field for name
inputelement.setAttribute("type", "text");
inputelement.setAttribute("name", "dname");
createform.appendChild(inputelement);
var linebreak = document.createElement('br');
createform.appendChild(linebreak);
var cognomelabel = document.createElement('label'); // Create Label
for cognome field
cognomelabel.innerHTML = "Cognome:"; // Set Field
Labels
createform.appendChild(cognomelabel);
var inputelement = document.createElement('input'); // Create input
field for cognome
inputelement.setAttribute("type", "text");
inputelement.setAttribute("name", "dcognome");
createform.appendChild(inputelement);
var linebreak = document.createElement('br');
createform.appendChild(linebreak);
var emaillabel = document.createElement('label'); //Create Label
for email field
emaillabel.innerHTML = "Email:";
createform.appendChild(emaillabel);
var emailelement = document.createElement('input'); // Create input
field for email
emailelement.setAttribute("type", "text");
emailelement.setAttribute("name", "demail");
createform.appendChild(emailelement);
var emailbreak = document.createElement('br');
createform.appendChild(emailbreak);
// Append Textarea
var messagelabel = document.createElement('label');
messagelabel.innerHTML = "Commenta:";
createform.appendChild(messagelabel);
var texareaelement = document.createElement('textarea');
texareaelement.setAttribute("name", "dmessage");
createform.appendChild(texareaelement);
var messagebreak = document.createElement('br');
createform.appendChild(messagebreak);
// Append Submit Button
var submitelement = document.createElement('input');
submitelement.setAttribute("type", "submit");
submitelement.setAttribute("name", "dsubmit");
submitelement.setAttribute("value", "Invia");
createform.appendChild(submitelement);
Mi riuscite a dare una mano?! grazie in anticipo!