Что такое атрибут type?

"Атрибут type". "Что такое атрибут type?"

Об атрибуте type!

1. Что такое атрибут type!?
2. Пример атрибута type.
3. Значения атрибута type.

1. Что такое атрибут type!?

Дадим определение, "что такое атрибут type":

Атрибут type определяет тип элемента — чаще всего используется с тегом <input>(input), но также применим к <button> и некоторым другим элементам.

Атрибут type задаёт:

внешний вид элемента на странице;

поведение при взаимодействии с пользователем;

правила валидации вводимых данных;

способ отправки данных на сервер.

Синтаксис атрибута type.

Используем тег form...

В тег "input" помещаем "атрибут type".

В значение "атрибута type" помещаем значение "text":

Либо post.

Get.

html

<form name="post">
<input type="text" name="example">
</form>

2. Пример атрибута type.

Пошагово разберем использования "атрибута type" для этого вам понадобится :

Тег form...

Способ отправки(метод) = post.

Получаем в массив $_POST.

В тег "input" помещаем "атрибут type".

В тег "input" также помещаем "атрибут name".

В значение "атрибута name" помещаем тип "text"

Соберем пример готовой формы с атрибутом type:

<form name="post">

<input type="text" name="login">

<input type="text" name="psw">

</form>

Живой пример с атрибутом type:

См здесь.

3. Значения атрибута type.

Текстовые значения атрибута type.

type="text" — обычное однострочное текстовое поле.

type="password" — поле для пароля (символы маскируются).

type="email" — поле для email (браузер проверяет формат).

type="tel" — поле для номера телефона.

type="url" — поле для URL‑адреса.

type="search" — поле поиска (может иметь кнопку очистки).

Числовые значения атрибута type.

type="number" — ввод чисел (можно задать min, max, step).

type="range" — ползунок для выбора значения в диапазоне.

Значения выбора даты и времени атрибута type.

type="date" — выбор даты (календарь).

type="time" — выбор времени.

type="datetime-local" — дата и время без часового пояса.

type="month" — выбор месяца и года.

type="week" — выбор недели и года.

Элементы выбора атрибута type.

type="checkbox" — флажок (можно выбрать несколько вариантов).

type="radio" — переключатель (радиокнопка, выбор одного варианта из группы).

Специальные значения атрибута type.

type="file" — загрузка файлов (можно с атрибутом multiple).

type="hidden" — скрытое поле (не видно пользователю, но отправляется с формой).

type="color" — выбор цвета (палитра).

Кнопки атрибута type.

type="submit" — кнопка отправки формы.

type="reset" — кнопка сброса полей формы к исходным значениям.

type="button" — обычная кнопка (обычно используется с JavaScript).

type="image" — кнопка‑изображение (вместо текста — картинка).

Всего комментариев : Comments+ 2.0

+ =