Подробности: Категория: HTML - при создании сайтов; Просмотров: 83

Формы являются важной частью веб-страниц, так как они позволяют пользователям отправлять данные на сервер. HTML предоставляет несколько тегов для создания формочек, начиная от простых полей ввода и заканчивая сложными множественными выборами.

Тег <form> используется для определения формы на странице. Он имеет атрибуты action (указывает на адрес сервера, куда будут отправляться данные), method (определяет метод отправки данных – GET или POST) и другие атрибуты для настройки формочек.

Пример использования тега <form>:

<form action="/submit-form" method="post"> <label for="name">Имя:</label> <input type="text" id="name" name="name"><br> <label for="email">Email:</label> <input type="email" id="email" name="email"><br> <input type="submit" value="Отправить"> </form>

Тег <input> используется для создания различных типов полей ввода, таких как текстовые поля, чекбоксы, радиокнопки и другие. Он имеет атрибуты type (определяет тип поля ввода), id и name (идентификатор и имя поля ввода) и другие атрибуты для настройки поля ввода.

Пример использования тега <input>:

<label for="username">Имя пользователя:</label> <input type="text" id="username" name="username"><br> <label for="password">Пароль:</label> <input type="password" id="password" name="password"><br> <input type="submit" value="Войти">

Тег <select> используется для создания выпадающего списка выбора. Он имеет атрибуты name (имя списка выбора) и другие атрибуты для настройки списка.

Пример использования тега <select>:

<label for="country">Страна:</label> <select id="country" name="country"> <option value="Russia">Россия</option> <option value="USA">США</option> <option value="China">Китай</option> </select>

Тег <textarea> используется для создания многострочного текстового поля. Он имеет атрибуты name (имя текстового поля), rows и cols (количество строк и столбцов в текстовом поле) и другие атрибуты для настройки поля.

Пример использования тега <textarea>:

<label for="message">Сообщение:</label> <textarea id="message" name="message" rows="5" cols="30"></textarea><br> <input type="submit" value="Отправить">

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