Как создать сброс значения при изменении input?

Question

[Алексей]

Есть подобные инпуты:

<input name="name" class="info" type="text" onclick="this.readOnly=false" readonly="" value="Юзер">
<input name="surname" class="info" type="text" onclick="this.readOnly=false" readonly="" value="Юзеров">

При клике снимается readonly.
Как мне сделать, что бы при изменении значения инпута - рядом с ним появлялась кнопка "возвратить значение" при клике на которую возвращался первоначальный value ?

Answer 1

[dmalapsh]

Можно создать button со стилем display: none; или непрозрачность поставить 0. В онклик инпута добавить строчку которая будет восстанавливать видимость нужной кнопки (в случаи с display поставить например blok). В онклик этой кнопки добавить что-то подобное document.querySelector('#id-input').value = 'value'; this.style.display = 'none'.

Answer 2

[strelok011]

Хм. А что мешает при снятии по клику ридонли в этой же функции сохранить в переменной значение? Или при получении данных для ридонли элемента то же самое сделать? Нафига городить огород когда утки уже улетели?