JavaScript/DOM/Document/forms/elements/type

Die Eigenschaft type speichert den Elementtyp eines Formularelements.

Anwendbar auf:

• Klick-Buttons
• einzeilige Eingabefelder
• mehrzeilige Eingabefelder
• Checkboxen
• Radio-Buttons
• Auswahllisten

Beispiel ansehen …

const formular = document.querySelector('#Testform'),
      ausgabe =  document.querySelector('table tbody');

for (let index = 0; index < formular.length; ++index) {
	const element = formular.elements[index],
		  zeile = '<td>' + element.tagName + '</td>' +
				  '<td>' + element.id + '</td>' +
				  '<td>' + element.name + '</td>' +
				  '<td>' + element.type + '</td>';
	ausgabe.innerHTML += '<tr>' + zeile + '</tr>';
}

Das Beispiel enthält ein Formular mit verschiedenen Elementen.

Durch das Script wird für alle Elemente des Formulars die Element-ID und der Elementtyp in die Webseite geschrieben.