Как наилучшим образом использовать расширенные атрибуты HTML-формы?



В этой статье вы познакомитесь с некоторыми расширенными атрибутами HTML-форм, а также дадим практическую демонстрацию.

очевидно, первое, что приходит в голову после того, как выслушал термин www. По сути, это стоит за каждым веб-сайтом, который вы посещаете сегодня. В этой статье мы рассмотрим некоторые расширенные атрибуты HTML-форм.

Следующие указатели будут рассмотрены в этой статье,





Итак, давайте начнем с этой статьи,

Расширенные атрибуты HTML-формы

Один только HTML не может оправдать некоторые из самых популярных дизайнов, которые мы видим сегодня. Требуется помощь, и ее предоставляет CSS или Каскадная таблица стилей . HTML и CSS можно использовать вместе для создания привлекательных веб-страниц.



Продолжаем читать статью о расширенных атрибутах HTML-форм

Теги и атрибуты в HTML

Оба они являются основами HTML и работают вместе, но выполняют разные функции.

Теги: Теги используются для обозначения начала HTML-элемента и заключаются в угловые скобки.



Пример:

Вышеупомянутый тег является тегом заголовка в HTML.

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



__init__ питон

Пример:

 ”My

Вышеупомянутый тег - это тег изображения alt является атрибутом тега и предоставляет описание изображения hello_world.jpg

Поскольку мы обсудили необходимые нам основы, теперь мы можем двигаться дальше с мотивом этой статьи, который является некоторыми расширенными тегами HTML и CSS.

Продолжаем читать статью о расширенных атрибутах HTML-форм

Атрибуты Max, Maxlength и Min

Это, в частности, атрибуты входного тега, т.е. Тег input в основном используется внутри тега для приема различных типов входных данных от пользователя, таких как текст, число, переключатель, даты, флажок, время, пароль и т. Д.

Максимум

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

Заметка:

Атрибут Max был введен в HTML 5.

Пример:

Количество учеников:

Ссылка на GitHub Gist:

Ценность учеников не может быть выше 50.

Вывод - Расширенные атрибуты HTML-формы - Edureka

Заметка: Атрибут action тега указывает, куда будут отправлены введенные данные для дальнейшего процесса. В данном случае это submit_detail.php, который является файлом PHP.

Количество студентов - это деталь, которую нужно ввести в текстовое поле.

Атрибут max в первом теге указывает максимальное числовое значение, которое может быть введено в текстовое поле, т.е. значения больше 50 не будут приняты, что является основным мотивом атрибута max.

Тег Max также может использоваться для определения максимальной даты, которая может быть введена пользователем в поле ввода.

Пример:

Введите дату своего рождения в формате ГГГГ-ММ-ДД: 
Макс дата рождения: 2000-03-31

Ссылка на GitHub Gist:

Мы использовали 31улМарт 2000 года как максимальная дата, а выбор календаря ограничен только до этой даты.

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

Продолжаем читать статью о расширенных атрибутах HTML-форм

Максимальная длина

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

Пример:

Введите имя пользователя:

Ссылка на GitHub Gist:

Предел поля ввода составляет 15 символов, поэтому ввод ограничен 15 символами.

Этот атрибут maxlength в теге ограничивает пользователя вводом, который строго не превышает заданное значение, равное 15.

Заметка Значение атрибута maxlength по умолчанию - 524288.

Продолжаем читать статью о расширенных атрибутах HTML-форм

Мин.

Атрибут min указывает минимальное значение для значения, которое должно быть введено в поле ввода.

Пример:

Введите возраст:

Ссылка на GitHub Gist:

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

Подсказка: Вы можете использовать атрибуты min и max с входными данными, чтобы указать допустимый или допустимый диапазон входных данных.

Пример:

Введите возраст:

Ссылка на GitHub Gist:

На этом мы подошли к концу статьи о расширенных атрибутах HTML-форм.

Теперь диапазон ввода в поле не может быть ни меньше 18, ни больше 50 одновременно.Атрибуты max и min могут использоваться с несколькими типами ввода, такими как число, диапазон, дата, datetime, datetime -local, месяц, время и неделя.

Теперь, когда вы знаете, что такое HTML, ознакомьтесь с пользователя Edureka. Курс по сертификации веб-разработки поможет вам узнать, как создавать впечатляющие веб-сайты с помощью HTML5, CSS3, Twitter Bootstrap 3, jQuery и API Google и развертывать их в Amazon Simple Storage Service (S3).

Есть вопрос к нам? Пожалуйста, укажите это в комментариях к статье, и мы свяжемся с вами.