Как заменить кнопку формы 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>
|