Руководство по HTML Форма:
Создание форм в HTML:
1. Однострочное текстовое поле:
Используемый тег: ‹input›
мы рассмотрим основы форм HTML5 и дизайн HTML-форм. Формы в HTML5 — это то, что мы часто используем, когда находимся на веб-сайте. Раньше они собирали информацию
Возможно, вы заполнили контактную информацию на веб-сайте, и при отправке она обрабатывается веб-страницей в формате HTML.
мы собираемся создать поля ввода в HTML. Теперь все начинается с тега элемента формы. Элемент формы просто используется для объявления, что это форма, которую мы собираемся отправить. Мы должны поместить элемент ввода внутрь элемента формы. Наиболее распространенным элементом ввода является однострочное текстовое поле.
Для этого мы используем ‹input type= «text» name= « «› Тег ввода не нужно закрывать, и мы упомянули, что тип — это текст. Мы можем добавить размер блока, используя атрибут size.
Атрибут name является частью JavaScript, так что не беспокойтесь об этом, я объясню его в своей статье о JavaScript.
‹!doctype html›
‹html›
‹head› Однострочное текстовое поле‹/head›
‹стиль тела=”фоновый цвет:светло-серый;”›
‹form action="" method=""›
‹тип ввода=”текст” имя=””› ‹/br› ‹/br›
‹тип ввода=”текст” имя=””›
‹! — Здесь находятся элементы ввода →
‹/html›
2.Подпись к текстовому полю:
Используемый тег: ‹label›
Если вы хотите добавить поле вокруг формы или какой-либо ее части, вы можете использовать тег поля поля.
Этот элемент имеет открывающий и закрывающий теги. Это обозначается как ‹fieldset›.
И элемент легенды используется для тега nt, который используется для вывода вашего текста изнутри поля на бегущую границу поля поля.
Если вы хотите добавить несколько строк в текстовое поле, то это используется. Используемый тег элемента — это ‹textarea› ввод HTML. В отличие от однострочного текстового поля, вам нужен закрывающий тег для многострочного текстового поля.
Например:
Из этого примера мы можем добавить многострочное текстовое поле со строками «40» и столбцами «10».
Я хочу и пометить это, вы можете добавить его, просто набрав простой текст.
В этом поле вы можете добавить только цифры. Указав тип текста как число во входном теге, вы можете получить поле ввода числа.
Кроме того, вы можете указать максимальный и минимальный диапазон чисел.
‹!doctype html›
‹html›
‹head› Подпись к текстовому полю‹/head›
‹стиль тела=”фоновый цвет:светло-серый;”›
‹form action="" method=""›
‹label for="firstname"›Имя:‹/label›
‹тип ввода=”текст” id=”имя” имя=””› ‹/br› ‹/br›
‹label for="lastname"› Фамилия:‹/label›
‹тип ввода=”текст” id=”фамилия” имя=””›
‹! — Здесь находятся элементы ввода →
‹/html›
На рынке есть бесплатные конструкторы HTML-форм или генераторы HTML-форм. HTML-формы онлайн легко создаются и используются.
Полный текст статьи см. в Tech-Freak-Talks.
Первоначально опубликовано на https://web-develpoment-basics.blogspot.com 16 августа 2020 г.
