Date input type html: — HTML: HyperText Markup Language

Leave a Comment / Html / By /

HTML | — GeeksforGeeks

Улучшить статью

Сохранить статью

  • Последнее обновление: 22 июл, 2022

  • Читать
  • Обсудить

    • Улучшить статью

    Сохранить статью

    HTML используется для определения средства выбора даты или поля управления . Значением будет год, месяц и день.
    Синтаксис:  
     

    Example: 
     

    html

    < html >

     

    < head >

    < title >HTML Тип ввода = "Дата"

    title >

         < стиль

    5 >

             h2 {

                       цвет: зеленый;

    }

    H3 {

    Font-Family: Impact;

             }

              

             корпус0003

                 text-align: center;

             }

         style >

    head >

     

    < body >

     

         < h2 >Гики для гиков h2 >

         < h3 >HTML < input type = "date" > h3 >

     

         < Вход Тип = "Дата"

    ID = "Тест"0045 = "2019-07-02T25:32Z" >

     

    body >

     

    html >

    Выход:

    Поддерживаемые браузеры:

    • Google Chrome 20. 0 и выше
    • Firefox 57.0 и выше
    • Edge 12.0 и выше
    • 0008
    • Opera 11 и выше
    • Apple Safari 14.1 и выше

     

    Далее

    Как установить дату типа ввода в формате дд-мм-гггг с помощью HTML?

    Статьи по теме

    Что нового

    Мы используем файлы cookie, чтобы обеспечить вам максимальное удобство при просмотре нашего веб-сайта. Используя наш сайт, вы подтверждаете, что вы прочитали и поняли наши

    Политика в отношении файлов cookie & Политика конфиденциальности

    ввод (тип=дата) элемент

    Если вы не знаете, что такое элемент или как вы должны его использовать, я рекомендую вам прочитать учебник «Теги и атрибуты HTML », который вы можете найти в разделе руководств HTML .

    Содержание

    • 01Описание
    • 02Примеры
    • 03Атрибуты
      • Специальные атрибуты
      • Глобальные атрибуты
    • 04События
      • Глобальные события

    Описание

    Элемент ввода , имеющий значение «дата» в атрибуте типа , представляет поле для ввода даты.

    В современных браузерах поля даты обычно представлены элементами управления, которые позволяют пользователям изменять ее значение графически (например, в календаре), вместо того, чтобы вводить ее непосредственно в виде строки.

    После отправки поддерживающие браузеры преобразуют входные данные в строку, представляющую дату. Правила составления действительной даты описаны ниже.

    Финики

    Синтаксис даты состоит из:

    1. Допустимый синтаксис месяца, представляющий год и месяц.
    2. Знак минус или дефис ("-").
    3. Двузначное число между 1 и количеством дней для ранее указанного месяца и года.

    Пример

     <время>2014-07-05

    месяцев

    Синтаксис месяца состоит из:

    1. Год больше нуля, состоящий как минимум из четырех цифр.
    2. Знак минус или дефис ("-").
    3. Месяц от 1 до 12, состоящий из двух цифр.

    Пример

     <время>2014-07
<время>05:12-12

    Браузер не поддерживает поля даты. Чтобы улучшить совместимость, авторам, возможно, придется полагаться на сценарии для предоставления дополнительных элементов управления и проверки соответствия значений перед отправкой.

    Атрибуты min и max могут использоваться в этом элементе для установки диапазона действительных дат, которые пользователь сможет отправить.

    Примеры

    В первом примере мы создадим только форму с контролем даты. Здесь вы сможете отметить функциональные возможности, предоставляемые вашим браузером (если таковые имеются) для элемента управления.

     
     
     
    
  
    Ожидаемая дата:

    Ожидаемая дата:

    Во втором примере мы предоставим список предлагаемых значений, используя элемент datalist , чтобы пользователь мог быстро выбрать одно из предопределенных значений, когда браузер предложит их. Элемент управления будет связан со списком данных из-за соответствия между атрибутом id в списке и атрибутом list в элементе управления.

    Поддержка браузером списка данных неполная. Авторам, возможно, придется полагаться на сценарии для обеспечения этой функциональности в разных браузерах.

    Значения, предоставленные элементом datalist , должны соответствовать требованиям строк даты.

      
  
    
    Назначить встречу: 
    
  
    

<список данных>

    В нашем последнем примере мы будем работать с атрибутами min , max и step , чтобы наложить ограничения на значения, которые может ввести пользователь. В этой конфигурации мы устанавливаем минимальную дату, максимальную дату и расстояние между выбираемой датой и следующей (в днях) соответственно. В частности, мы позволим пользователю выбрать пятницу только в указанном диапазоне.

    Если присутствует атрибут шага

    , авторы должны указать дату, которая будет сделана в качестве начального шага. Это можно сделать через атрибуты min и значение . Когда присутствуют оба, атрибут min имеет приоритет.

    Значения атрибутов min , max и step должны соответствовать требованиям строк даты.

     
  
    
    Назначить встречу:

    Атрибуты

    Специальные атрибуты

    автофокус

    Логическое значение, указывающее браузеру установить фокус на этот элемент управления после завершения загрузки документа или при отображении диалогового окна , в котором находится элемент управления.

    Если атрибут имеет значение "автофокус" или пустую строку (""), или если он просто присутствует, элемент управления должен получить фокус как можно скорее, после страницы или диалог загружен.

    Пример

     
    Ваш день рождения:
    отключен

    Логическое значение, указывающее, отключен элемент управления или нет. Если атрибут принимает значение "отключено" или пустую строку (""), или если он просто присутствует, элемент управления будет отключен.

    Отключенные элементы управления отображаются серым цветом (если они видны), блокируются для взаимодействия с пользователем и, что более важно, их значения (если есть) не отправляются, когда 9Представлена ​​форма 0044 .

    Пример

     
     
    
  
    
    Дата собрания:

    Дата встречи:

    форма

    Значение идентификатора атрибут формы, с которой связан этот элемент управления.

    Этот атрибут является новым в HTML 5 и помогает определить релевантность элементов управления во вложенных или удаленных формах.

    Пример

     
    Дата отправления:

    Дата отправления:

    список

    Маркер, соответствующий значению атрибута id списка данных , с которым связан этот элемент управления. Список данных , на который ссылается этот атрибут, предоставит ряд предложений, которые пользователи могут выбрать для автозаполнения элемента управления.

    Поддержка браузером списка данных неполная. Авторам, возможно, придется полагаться на сценарии для обеспечения этой функциональности в разных браузерах.

    Значения, предоставленные элементом datalist , должны соответствовать требованиям строк даты.

    Пример

     
  
    
    Желаемая дата процедуры: 
    
  
    

<список данных>
    максимум

    Максимальная дата, которую может выбрать пользователь. Поддерживающие браузеры должны запрещать выбор любой даты, превышающей дату, указанную в этом атрибуте.

    Значение, указанное в этом атрибуте, должно соответствовать требованиям строк даты.

    Пример

     
  
    
    Подождите до:

    Подождите до:

    мин

    Минимальная дата, которую может выбрать пользователь. Поддерживающие браузеры должны запрещать выбор любой даты, меньшей, чем та, которая указана в этом атрибуте.

    Значение, указанное в этом атрибуте, должно соответствовать требованиям строк даты.

    Пример

     
  
    
    Год рождения:

    Год рождения:

    имя

    Имя элемента управления. Это имя будет отправлено браузером агенту обработки вместе с содержимым атрибута value . Оба атрибута вместе будут соответствовать паре имя-значение, которая будет использоваться для обработки данных формы.

    В настоящее время значение является индексом , ранее использовавшимся особым образом некоторыми браузерами и включенным в Стандарт HTML не разрешен в этом атрибуте.

    Пример

     
  
    
    Дата рождения:

    Дата рождения:

    только для чтения

    Логическое значение, указывающее браузеру запретить пользователю изменять значение элемента управления. Если этот атрибут имеет значение "только для чтения" или пустую строку (""), или если он просто присутствует, пользователю не будет разрешено изменять значение в элементе управления.

    Хотя этот атрибут запрещает редактирование значения элемента управления, не все взаимодействия блокируются: пользователи по-прежнему смогут выбирать и копировать текст в элементе управления.

    Пример

     
  
    
    Назначение:

    Назначение:

    требуется

    Логическое значение, указывающее, можно ли оставить этот элемент управления пустым или нет. Если этот атрибут имеет значение «обязательный» или пустую строку («»), или если он просто присутствует, пользователь должен будет заполнить элемент управления, чтобы иметь возможность отправить форма .

    Если элемент управления с обязательным атрибутом оставить пустым, поддерживающие браузеры выдадут ошибку при отправке и немедленно отменят процесс.

    Поддержка браузером атрибута required неполная. Авторам, возможно, придется полагаться на сценарии для обеспечения этой функциональности в разных браузерах.

    Пример

     
  
    
    Участник с:

    Участник с:

    шаг

    Количество дней, которое следует использовать в качестве интервала между допустимым значением и следующим. Наличие этого атрибута уменьшает количество вариантов выбора, которые будет иметь пользователь, ограничивая выбор промежуточных значений.

    Специальное значение any снимает установленное по умолчанию ограничение на степень детализации элемента управления и позволяет пользователям вводить значения настолько специфичные, насколько они хотят.

    Чтобы избежать непредвиденного поведения, авторы должны указать дату, которая будет предпринята в качестве начального шага. Это можно сделать через атрибуты min и значение . Когда присутствуют оба, атрибут min имеет приоритет.

    Пример

     
  
    
    Следующая встреча (только по понедельникам):
    тип

    Значение, указывающее тип поля, которое представляет этот элемент. Возможны двадцать два значения (без учета регистра):

    .
    • скрытый: скрытый элемент управления, используемый для отправки информации на сервер, обычно управляемый сценариями.
    • текст: элемент управления, используемый для ввода однострочного фрагмента текста.
    • поиск: то же, что и текст, но для целей поиска.
    • тел: элемент управления, используемый для предоставления номера телефона.
      • URL-адрес
    • : текстовое поле, используемое для ввода единственного и абсолютного URL-адреса .
      • Электронная почта
    • : элемент управления, предназначенный для редактирования одного или нескольких адресов электронной почты.
    • пароль: текстовое поле для редактирования паролей, где символы представлены точками.
    • дата: элемент управления для ввода конкретной даты.
    • месяц: элемент управления для ввода определенного месяца.
    • неделя: элемент управления для ввода конкретной недели.
    • время: элемент управления для ввода определенного времени.
    • datetime-local: элемент управления для ввода конкретной локальной даты и времени.
    • число: элемент управления для ввода числа.
      • Диапазон
    • : элемент управления для ввода одного или двух чисел внутри диапазона.
    • color: элемент управления для ввода цвета.
    • флажок: элемент управления для ввода логического значения (истина/ложь).
      • Радио
    • : элемент управления, используемый для выбора одного варианта из многих.
      • Файл
    • : элемент управления, используемый для загрузки файлов на сервер.
    • submit: кнопка, используемая для отправки формы.
      • Изображение
    • : то же, что и submit, но с возможностью отображения в виде изображения вместо использования внешнего вида кнопки по умолчанию.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *