1.Однострочное поле ввода< input type=“text”/> Поле ввода однострочного текста часто используется для ввода короткой информации, такой как имя пользователя, номер счета и т. д. Обычно используемые атрибуты включают имя, значение, maxlength。

2.Поле ввода пароля< input type=" password"/> Поле ввода пароля используется для ввода пароля, а его содержимое будет отображаться в виде точек.

3.переключатель< input type=" radio"/> Радиокнопки используются для одиночного выбора, например, выбора пола, необходимости действовать и т. д. Следует отметить, что при определении переключателей для опций в одной группе необходимо указать одно и то же значение имени, чтобы «выбор переключателя» вступил в силу. Дополнительно вы можете подать заявку Атрибут «проверено» указывает выбранный по умолчанию элемент.

4.флажок< input type=" checkbox"/> Флажки часто используются для множественного выбора, например выбора интересов, хобби и т. д., и могут применяться к ним. Атрибут «проверено» указывает выбранный по умолчанию элемент.

5.Обычная кнопка< input type=" button"/> Обычные кнопки часто используются с языком сценариев JavaScript, и новичкам достаточно его понять.

6.кнопка отправки< nput type=" 'submit"/> Кнопка отправки — это основной элемент управления формы. После того, как пользователь завершает ввод информации, ему обычно необходимо нажать кнопку отправки, чтобы завершить отправку данных формы. к нему можно применить Атрибут value изменяет текст по умолчанию на кнопке отправки.

7.кнопка сброса< input type=" reset"/> Когда пользователь вводит неверную информацию, он может нажать кнопку сброса, чтобы отменить всю введенную информацию в форме. к нему можно применить Атрибут value изменяет текст по умолчанию на кнопке сброса.

8.форма изображениякнопка отправки< input type=" image"/> Функция кнопки отправки изображения в основном такая же, как и у обычной кнопки отправки, за исключением того, что она заменяет кнопку по умолчанию изображением, что делает ее более красивой на вид. Следует отметить, что URL-адрес изображения должен быть указан в его атрибуте src.

9.Скрытое поле< input type=" hidden"/> Скрытые поля невидимы для пользователей и обычно используются в фоновых программах. Новичкам достаточно их понять.

10.файловый домен< input type=“file”/> Когда домен файла определен, на странице появится кнопка «Выбрать файл» и текст подсказки. Пользователь может отправить файл на внутренний сервер, нажав кнопку, а затем напрямую выбрав файл.

11.emaiтип< input type=“email”/>

Тег типа emai представляет собой текстовое поле ввода, специально используемое для ввода адресов E-mail. Он используется для проверки соответствия содержимого поля ввода emai формату адреса E-mail. В противном случае будет выдано соответствующее сообщение об ошибке. .

12.тип URL <input type “url”/> Urlтипиз< input />тег — это тип вводаURLТекстовое поле адреса。Если входURLтекст в формате адреса,данные будут отправлены на сервер, если введенное значение не соответствует формату URL-адреса;,Подача не разрешена,И будет оперативное сообщение.

13.telтип< input type=“tel”/> Тип tel используется для предоставления текстового поля для ввода телефонных номеров. Поскольку форматы телефонных номеров сильно различаются, реализовать универсальный формат сложно. Поэтому тип тел обычно сочетается с Используется вместе с атрибутом шаблона.

14 searchтип< input type=" search"/>

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

15 colorтип< input type=" color"/> Тип цвета используется для предоставления текстового поля для установки цвета и для реализации ввода цвета RGB. Его основная форма: # RRGGBB, значение по умолчанию — #000000, цвет по умолчанию можно изменить с помощью значения атрибута value. Щелкните текстовое поле типа цвета, чтобы быстро открыть панель выбора цвета, которая позволяет пользователям визуально выбирать цвет.

16 numberтип< input type=" number/> тип номера <input/Отметьте текстовое поле, которое предоставляет входное значение。Отправкаформачас,Он автоматически проверит, является ли содержимое поля ввода числом. Если входное содержимое не является числом или число находится за пределами ограниченного диапазона, появится сообщение об ошибке.

тип В поле ввода номера можно ограничить вводимые числа, указать максимальное и минимальное разрешенные значения, допустимые интервалы номеров или значения по умолчанию и т. д. Конкретные атрибуты описаны ниже. ●значение: укажите начальное значение поля ввода. ●max: укажите максимальное входное значение, которое может принять поле ввода. min: указывает минимальное входное значение, которое может принять поле ввода. ●sep: допустимый числовой интервал входного домена. Если он не установлен, значение по умолчанию равно 1.

17 rangeтип< input type=" range"/> rangeтипиз<inpuТеги используются для предоставления входного диапазона значений внутри диапазона.,Отображается в виде слайдера на веб-странице.。Его общие свойства такие же, как у Тип числа тот же. Минимальное и максимальное значения можно задать через атрибут min и max, а шаг каждого скольжения можно указать через атрибут шага. Если вы хотите изменить значение mnge, вы можете изменить его, перетащив ползунок напрямую или щелкнув ползунок.

18.Date pickersтип< input type= date, month,week…"/> Date Тип средства выбора относится к типу времени и даты. HML предоставляет несколько типов ввода для выбора даты и времени, которые используются для проверки даты и специфики ввода. Дата: выберите день, месяц, год Месяц: выберите месяц и год. Неделя: выберите неделю и год. Время: выберите время (часы и минуты). Дата и время: выберите время, день, месяц, год (время UTC). datetime-local: выберите время, день, месяц, год (местное время)

UTC — это английская аббревиатура Universal Time координации, что означает «всемирное координированное время», также известное как мировое стандартное время. Проще говоря, время UTC — это время в часовом поясе 0. Например, если пекинское время — 8 часов утра, то время UTC — 0 часов, то есть время UC отстает от пекинского времени на 8 часов.

Примечание. Типы ввода тегов, которые не поддерживаются браузером, будут отображаться на веб-странице как обычное поле ввода.

Выше приведено краткое описание атрибута type тега. Надеюсь, это будет вам полезно.