html подія oninput


Подія oninput викликається, коли користувач вводить дані поле.

Подія oninput викликається, коли значення елемента <input> чи <textarea> змінені.

0a78dd6977932c945befb7a499f0eeed.png

автор: с3с

Нотатка

Ця подія схожа на подію onchange. Різниця в тому, що подія oninput відбувається відразу ж після того як значення елемента змінилося, в той час як onchange відбувається, коли елемент втрачає фокус. Інша відмінність в тому, що onchange подія також працює на елементах <select> та <keygen>.

автор: с3с

Синтаксис

<element oninput="script">

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
5+ 5+ 4+ 12.1 12+ 8.0+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
2.3+ 1+ 1+ 5+

Приклади

+ запропонувати свій приклад у пісочниці

Найпростіший приклад використання HTML події oninput

See the Pen oninput2_css.in.ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Найпростіший приклад використання HTML події oninput з використаням Jqwery

See the Pen oninput3_css.in.ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

приклад використання HTML події oninput

See the Pen oninput3_css.in.ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Різниця між HTML 4.01 та HTML5


Цей атрибут з’явився тільки в HTML5

Різниця між XHTML та HTML



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід