Важная информация
Показано с 1 по 2 из 2

Тема: Подстановка символа в поле формы

  1. #1 Подстановка символа в поле формы 
    Новичок
    Регистрация
    09.05.2017
    Сообщений
    3
    Сказал(а) спасибо
    0
    Поблагодарили 0 раз(а) в 0 сообщениях
    Как подставлять символы во время ввода информации в поле формы, нажимая кнопку этого символа как в примере на рисунке?
    <html>
    <head>
    <title>поиск</title>
    </head>
    <body>
    <form>
    <p><label> прозвішча (на беларускай мове) <input type="text" name ="SURNAME"> </label>
    <label> &nbsp імя <input type="text" name ="NAME"> </label>
    </p>
    <label> падстаноўка літар <input type="button" name ="BUKVA_U" value="ў"> </label>
    </form>
    </body>
    </html>
    Изображения
    Ответить с цитированием  
     

  2. #2  
    Администратор Аватар для rovico
    Регистрация
    17.04.2014
    Адрес
    Ярославль
    Сообщений
    245
    Сказал(а) спасибо
    17
    Поблагодарили 287 раз(а) в 162 сообщениях
    Записей в блоге
    2
    Добрый день!
    1. Делаете в html кнопку. У этой кнопки должен быть CSS класс для задания обработчиков кликов (например, letter-button) и какой-то идентификатор, чтобы точно определить, какую букву она будет подставлять. Первое, что приходит на ум - это data-параметр, т.е., например data-letter="ў"
    2. Создаёте JS файл (модуль), который будет заниматься обработкой всех подобных действий. Допустим BelarusianKeyboard.js (Назовите как вам удобнее)
    3. В этом файле задаёте обработку события по нажатию на кнопки вашей виртуальной клавиатуры методу addLetter (Назовите как вам удобнее) ( $('.letter-button').on('click', addLetter); )
    4. Добавьте метод addLetter. В этом методе при помощи jQuery парсите data-параметр ( $(this).data('letter') ) и подставляете его в Input (например, $("input[name='NAME']").val($("input[name='NAME']").val() + $(this).data('letter')); )
    5. Поключите ваш js файл к вашей странице (сайту)
    6. Можете создать сколько угодно кнопок с CSS классом letter-button разными data-letter="" и все они будут работать одинаково.

    Можете вообще создать js модуль, который задаёт ваши собственные сочетания клавиш для вставки той или иной буквы.
    Ответить с цитированием  
     

  3. 2 пользователя(ей) сказали cпасибо:

    >Quiet Snow< (10.05.2017), Free Admin (11.05.2017)

Информация о теме
Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Похожие темы

  1. Ответов: 1
    Последнее сообщение: 17.09.2014, 14:03
  2. Нужна помощь HTML код при создании формы обратной связи для сайта!
    от Anton777 в разделе Общие вопросы web-разработки
    Ответов: 0
    Последнее сообщение: 11.01.2014, 13:05
Ваши права
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •