Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Стереть данные в форме (https://javascript.ru/forum/dom-window/27743-steret-dannye-v-forme.html)

rudejah 23.04.2012 17:59
Стереть данные в форме
 
Доброго времени суток, уважаемые.
Подскажите, пожалуйста, в сл. проблеме.

Есть поле input для ввода текста. Как и что можно придумать, чтобы при написании текста в нём, появился крестик справа, например, от формы, или в форме. И нажимая который полностью очищалась форма, желательно без обновления страницы.

bes 23.04.2012 18:16
Что вы понимаете под формой - ваш input?
Код:
<input id=t style="float: left"
  onkeypress="document.getElementById('s').style.display='inline'"
>

<span id=s style="background: red; font-weight: bold; color: white; cursor: pointer; display: none"
  onclick="document.getElementById('t').value =''; this.style.display='none'">
x
</span>

rudejah 23.04.2012 18:25
да всё, верно, осталось приделать красивое изображение крестика

bes 23.04.2012 18:31
Цитата:
Сообщение от rudejah
да всё, верно, осталось приделать красивое изображение крестика
Это было тестирование знаний участников форума??

Octane 23.04.2012 20:46
У формы есть метод и событие reset, а так же есть одноименный тип inputa'а.

bes 23.04.2012 21:24
Цитата:
Сообщение от Octane
У формы есть метод и событие reset, а так же есть одноименный тип inputa'а.
Неужели существует <input type="form">?
А так, действительно, <input type="reset"> - это наверное, самый оптимальный способ сброса формы (для этого его собственно и вводили в дом).


Часовой пояс GMT +3, время: 07:30.