Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Ползунок/бегунок Type range значение атрибут поля ввода input

Поддержи проект!!! smile

Тип - ползунок | бегунок. Что такое type range html, Type range - это одно из значений тега input, который превращает поле ввода input в ползунок или бегунок. В разных браузерах будет отображаться по разному.

Тип type range в поле ввода input

  1. Что такое type range html,
  2. Пример использования type range.
  1. Что такое type range html.

    У поля ввода есть типы передаваемых данных type, с разными значениями input

    Одно из таких значении : "type range" - который превращает обычное поле ввода в ползунок или , как его иногда называют бегунок.

    Синтаксис type range html.

    <input type="range">

    Как использовать данный type range на сайте.

    HTML : Если вам требуется сделать данное поле type range обязательным, то вставляем атрибут required

    Кроме поле ввода :

    Понадобится форма form.

    <form method="post">
    <input name="example" type="range" required>
    <input name="example_submit" type="submit" value="Отправить">
    </form>

    И еще одно поле ввода с другим типом submit

    PHP :

    Вам потребуется метод post.

  2. Пример использования type range.

    Для данного поля возможно и нужно использование [php]

    if($_POST['example_submit']) { $result = 'Вы переместили бегунок на позицию со значением : '.strip_tags($_POST['example']) ;}

    echo $result;

    Соберем весь код вместе для работы type range.

    Html : Добавим required
    <form method="post">
    <input name="example" type="range">
    <input name="example_submit" type="submit" value="Отправить">
    </form>
    Php :

    if($_POST['example_submit']) { $result = 'Вы переместили бегунок на позицию со значением : '.strip_tags($_POST['example']) ;}

    echo $result;

    Результат перемещения ползунка type range:

    Возьмите, зажмите ползунок(type range) мышкой и переместите го в другое положение и нажмите кнопку отправить:


Вас может еще заинтересовать список тем : #HTML | #HTML_TAGS | #FORM_HTML | #TYPE_OF_INPUT |
Последняя дата редактирования : 15.01.2021 11:43
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
typing range type range types of working range e type range input type range first range type type range html html input type range e type range перевод input type range step

Последние комментарии :
Марат :
08/02/2021 02:50
Всегда пожалуйста приходите ещё!
подробнее.
Павел :
08/02/2021 11:11
Спасибо большое. Очень поучительно.
подробнее.
Марат :
03/02/2021 07:22
03/02/2021Тестирование и разработка Comments+1.5 отложена на неопределенное…
подробнее.
Марат :
31/01/2021 08:31
Всегда пожалуйста!Рад, что помог!
подробнее.
Bambr :
31/01/2021 07:34
Огромное спасибо! )
подробнее.