15 мая 2023 года "Исходники.РУ" отмечают своё 23-летие!
Поздравляем всех причастных и неравнодушных с этим событием!
И огромное спасибо всем, кто был и остаётся с нами все эти годы!

Главная Форум Журнал Wiki DRKB Discuz!ML Помощь проекту


Как заменить кнопку формы Reset на картинку

Возможно Вам уже извесно, как менять стандартные серые кнопки на картинке (см. "Как заменить стандартные кнопки формы на картинки"), но Вы не знаете, как проделать тоже самое с кнопкой reset? Идея заключается в том, что просто не добавлять к форме этой кнопки, а поместить обычную кнопку в виде картинки и при нажатии на которую будет вызываться функция, которая будет в цикле проходить по всем элементам формы и очищать их либо возвращать в значения поумолчанию.

<script>
function reset() {
	// Количество элементов в форме
	var x = document.myForm.elements.length;   
	// Проходим по всем элементам формы и очищаем их
	for (i=0; i<x; i++) {  
		if (document.myForm.elements[i].type == "text" || 
			document.myForm.elements[i].type == "textarea") {
			document.myForm.elements[i].value = "";
		}
		else if (document.myForm.elements[i].type == "select-one") {
			document.myForm.elements[i].selectedIndex = 0;	
		}	
		else if (document.myForm.elements[i].type == "radio" ||
		 		 document.myForm.elements[i].type == "checkbox") {
			document.myForm.elements[i].checked = false;	
		}	
	}
}
</script>