Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.62/13: Рейтинг темы: голосов - 13, средняя оценка - 4.62
6 / 6 / 3
Регистрация: 07.04.2015
Сообщений: 123

Изменение значение value при изменении текста в input

12.03.2017, 16:11. Показов 2543. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Собственно вопрос весь в названии.
Есть
HTML5
1
<input name="tel" val="">
При фокусировке на поле, или просто при вставке телефона, нужно, чтобы налету поменялось на:
HTML5
1
<input name="tel" val="введенный номер телефона">
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
12.03.2017, 16:11
Ответы с готовыми решениями:

Изменение цвета поля Input при наборе текста (именно при наборе,а не при установке курсора мышки в поле Input)
Добрый день всем! Подскажите пожалуйста код, позволяющий сделать следующие действия. Есть поле Input и в нем необходимо сделать так,...

При изменении ползунка (input type=range), в окне оповещения показать его значение
я являюсь новичком в программировании на JS, поэтому у меня возникло несколько вопросов. Я хочу, чтобы при изменении ползунка (input...

Изменение div при наборе текста в input поле
Всем доброго дня! Как сделать такое: Нужно менять цену в зависимости от введенного кол-ва товара в поле. Тоесть 1 товар стоит...

3
 Аватар для Пифагор
2172 / 1655 / 840
Регистрация: 10.01.2015
Сообщений: 5,207
12.03.2017, 17:01
Yanik1987, этот атрибут имеет название value, а не val, раз уж на то пошло
JavaScript
1
2
3
document.querySelector('input[name="tel"]').addEventListener('input', function(){
  document.querySelector('input[name="tel"]').defaultValue = document.querySelector('input[name="tel"]').value;
})
PS
В IE не работает.
0
6 / 6 / 3
Регистрация: 07.04.2015
Сообщений: 123
12.03.2017, 17:48  [ТС]
Кроссбраузерно не получается?
0
 Аватар для Пифагор
2172 / 1655 / 840
Регистрация: 10.01.2015
Сообщений: 5,207
12.03.2017, 18:25
А не. Похоже, работает. Просто из-за того, что консоль и иже с ней открывается в отдельном окне, это самое окно приходится перезагружать, чтобы увидеть изменения в коде.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
12.03.2017, 18:25
Помогаю со студенческими работами здесь

Изменение цвета текста в <input disabled>
Собственно как изменить цвет текста в &lt;input disabled... и вообще это возможно???

Присвоение класса при изменении значения input radio
Сама задача: &lt;h2&gt;Доставка&lt;/h2&gt; &lt;input type=&quot;radio&quot; id=&quot;deliveri_1&quot; value=&quot;1&quot;&gt; &lt;input type=&quot;radio&quot; id=&quot;deliveri_2&quot;...

Изменение стиля страницы при изменении get параметров
Всем доброго времени суток. Идея такова: хочу получать адресную строку и проверять ее на наличие определенного get параметра, а если он...

Динамическое изменение объекта при изменении параметров
Есть линия - тег &lt;hr&gt;, есть параметры, организованные через теги &lt;input&gt; и &lt;select&gt;, при помощи JavaScript нужно сделать так, чтобы...

Динамическое изменение цены при изменении количества товара
Здравствуйте. Нужна помощь. Есть сайт, типа магазин, там 30 товаров, все на одной html странице. Они не берутся из базы. Нужен скрипт,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Оттенки серого
Argus19 18.03.2026
Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++
8Observer8 17.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru