ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Типы и виды input

Вообще существует много различных типов input-ов, естественно, что обо всех мы не буем говорить!

Мы уже немного касались темы формы и инпутов, не будем повторять то, что та написано подробно.

Сегодня коснемся и остановимся подробно только на тип формы "input".

Начнём с определения:

Что такое input?

Input – это поле формы, которое применяется для ввода и передачи скрипту(для обработки) введенной информации.

Что должно быть и обычно применяется в инпутах(input) – не забываем, что в разных языках использование формы и инпутов реализуется по разному!

Мы будем рассматривать использование input на данной странице в перспективе использования с post php

Input относится к одинарным тегам.
Наиболее часто используемые атрибуты в input Атрибут type - показывает какой тип input используется, например текст - «text» - это один наверное из универсальных типов.
Атрибут name - уникальное имя input(это имя input не должно больше повторяться на странице!) - например «example». Можно использовать буквы и цифры.
Атрибут required - проверяет, заполонено поле или нет.(хоть оно и существует, но в любом случае, это нужно проверять ещё и в скрипте – это как говорится защита от дурака…)
Атрибут placeholder - placeholder подсказка в поле...

Пример input с типом текст

Код:

<input type="text" name="example" placeholder="Введите текст">

Результат:

Пример input с типом email

Тип(type input) email - Поле ввода для email

Код:

<input type="email" name="example" placeholder="Ваш email">

Результат:

Пример input с типом radio

Тип(type input) radio - Кнопка radio, еще называют её радиоточка. Её можно использовать по разному, для неё будем делать отдельную страницу…

Код:

<input type="radio" name="example">

Результат:

Пример input с типом checkbox

Тип(type input) checkbox - Кнопка checkbox, в отличии от radio, её можно нажать и отжать…

Код:

<input type="checkbox" name="example">

Результат:

Пример input с типом submit

Тип(type input) submit - Кнопка submit – служит для отправки данных
<input type="submit" name="example">

Результат:

Пример input с типом file

Тип(type input) file - Кнопка file – служит для выбора файла для отправки
<input type="file" name="example">

Результат:

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

В качестве бонуса- сам только узнал, что есть такие экзотические:

Например: бегунок...

Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 64.1
Название скрипта и номер :Типы и виды инпутов
Пример - Типы и виды инпутов
Скачать - архив
Все скрипты на одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
типы input , типы input html , типы полей input , типы input html , типы тега input , input file типы файлов , input file ограничить тип файла , виды input , виды input html , виды input type , внешний вид input ,

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019