Работа над формой
 

Доброго времени всем.

Имеется форма с текстовыми полями, первоначально в них задано некоторое значение, например
<input type="text" size="30" name="enter" value="Вставьте первый рисунок">

Функция задает динамически всем элементам ввода, имеющим имя "enter" -- атрибут onclick="clearText(this);".
Далее, при щелчке на любом поле ввода, это поле становится пустым. Нужно, если щелкнули и в поле ничего не ввели, а перешли на другое( а то осталось пустое), чтобы значение возвращалось которое и было.

Код такой:

window.onload = function() {
     addAtribute();
}

function clearText(elem) {
    var myArr =document.getElementsByName('enter');
    for(var i=0; i<myArr.length; i++) {
        if (myArr.item(i).value==''){
           myArr.item(i).value = myArr.item(i).innerHTML;
        }
    }
    
   elem.value = '';
}

function addAtribute() {
    var arr = document.getElementsByName('enter');
        for (var i=0; i<arr.length; i++) {
            arr.item(i).setAttribute('onclick','clearText(this);');
        }
}

Функция addAtribute() -- прописывает атрибут onclick-- чтобы при щелчке задействовалась функция clearText(elem) .

В общем нужно, чтобы myArr.item(i).value = myArr.item(i).innerHTML; как-нибудь возвращалось значение, которое прописано в коде в параметре value. Почему то этот код возвращает первоначальное значение только в поля <textarea>.

Большое спасибо. Заранее извините, если что-то некорректно объяснил.