<input> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Понедельник, 05.12.2016
Главная » Справочник HTML » Строчные элементы


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<input> | Тег HTML

Тег <input> устанавливает поле ввода




Тег <input> предназначен для установки полей ввода.Сами поля могут иметь различную конфигурацию,в зависимости от используемых атрибутов.Для пользователей системы uCoz созданы условные операторы отправляющие информацию на сервер системы.Имеется в виду то,что отправить данные можно на сервер,но не имеется в виду ФТП сервер сайта uCoz.Вы можете только изменить интерфейс поля ввода для отправки.Сами серверы имеют названия,например ( http://s36.ucoz.net/ ).Всё зависит от того к какому именно серверу прикреплён сайт.Поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Синтаксис тега <input> ( закрывающий тэг обязателен )


<form action="...">
<input type="...">
</form>

Тег работает в браузерах





Атрибуты тега <input>

Атрибут alt

Атрибут alt определяет текстовое описание изображению,применимо к type="image"

Атрибут accept

Атрибут accept определяет InformationПосмотрите что такое MIME типы.MIME типы для отправки,применимо к type="file"

Атрибут autocomplete

Атрибут autocomplete определяет наличие автозаполнения в заполняемой форме

Атрибут autofocus

Атрибут autofocus определяет получение фокуса ввода в заплняемой форме,не применяется при установке type="hidden"

Атрибут checked

Атрибут checked отмечает поле ввода после отправки,применимо к type="checkbox" и type="radio

Атрибут disabled

Атрибут disabled определяет недоступность поля ввода после загрузки страницы,не применяется при установке type="hidden"

Атрибут form

Атрибут form определяет количество полей ввода для формы отпраки

Атрибут formaction

Переопределяет атрибут формы action,URL должен быть активным,и определяет, куда отправлять данные при отправке формы,применимо к type="submit" и type="image"

Атрибут formenctype

Переопределяет атрибут формы enctype,указывая на тип используемой кодировки реред отправкой,применимо к type="submit" и type="image"

Атрибут formmethod

Переопределяет атрибут формы method,определяет метод HTTP для отправки данных на URL действия

Применяемые значения

get - добавляет данные формы к URL

post - отправляет данные формы как HTTP post

Атрибут formnovalidate

Переопределяет атрибут формы novalidate,исключает проверку поля ввода перед отправкой

Атрибут formtarget

Переопределяет атрибут формы target,определяет тип окна отправляемой формы

Применяемые значения

_blank - откроется в новом окне

_self - откроется в том фрейме,в котором был нажат

_parent - откроется в родительском фрейме

_top - откроется в полном окне

id фрейма - откроется в идентифицированном фрейме

Атрибут height

Атрибут height определяет высоту поля ввода,применяются значения в px ( пикселях ) и % ( процентах )

Атрибут list

Атрибут list переопределяет список идентифицированных данных

Атрибут max

Атрибут max определяет максимальное количество вводимых значений,используется с атрибутом min

Применяемые значения

Число - максимальное числовое значение

Дата - максимально допустимая дата

Атрибут min

Атрибут min определяет минимальное количество вводимых значений,используется с атрибутом max

Применяемые значения

Число - минимальное числовое значение

Дата - минимально допустимая дата

Атрибут maxlength

Атрибут maxlength определяет максимальное количество вводимых символов,применяются числовые значения

Атрибут multiple

Атрибут multiple определяет возможность ввода более одного значения

Атрибут name

Атрибут name определяет имя идентификатора поля ввода

Атрибут pattern

Атрибут pattern определяет шаблон или числовой формат,шаблоном может быть установленный,индивидуальный формат

Атрибут readonly

Атрибут readonly определяет отсутствие возможности изменить данные поля ввода

Атрибут required

Атрибут required определяет обязательное заполнение форсы перед отправкой

Атрибут size

Атрибут size определяет количество визуально видимых значений при вводе в форму

Атрибут src

Атрибут src определяет URL изображения,применимо к type="image"

Атрибут step

Атрибут step определяет интервалы допустимых значений для ввода

Атрибут type

Атрибут type определяет тип поля для ввода

Применяемые значения

button - интерактивные кнопки,вид может быть осуществлён посредством применения скриптов

checkbox - вид формы флажок

color - цвет формы ввода

date - указывает дату в виде года, месяца и числа,без временного пояса

datetime - указывает поле полной даты,года,месяца,дня,часа,минуты,секунды и доли секунды

datetime-local - указывает поле локальной даты,года,месяца,дня,часа,минуты,секунды и доли секунды для местного времени

month - указывает поле даты с указанием месяца

week - указывает поле даты с указанием недели

time - указывает поле времени с указанием часа,минуты,секунды,и доли секунды,без временного пояса

email - указывает поле для ввода Е-майл адреса

file - указывает поле для кнопки выбора файла для загрузки

hidden - скрывает поле для ввода

image - в виде кнопки используется изображение

number - указывает поле с применением счётчика

password - указывает поле с точками вместо вводимых значений,используется для ввода конфиденцыальных данных

radio - кнопка переключатель

range - кнопка в виде ползунка с указывающим значением

reset - кнопка сброса ранее вводимых значений в поля ввода

search - указывает поле ввода для поиска

submit - кнопка отправки введённых данных в поля формы

tel - указывает поле ввода для телефонного номера

text - поле ввода по умолчанию,длинна поля составляет 20 знаков

url - поле ввода URL адреса

Атрибут value

Атрибут value указывает на используемые для ввода значения описаных выше возможных значений

Атрибут width

Атрибут width определяет ширину ввода заполняемого поля,применяются числовые и процентные значения

Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тег input</title>
</head>
<body>
<form action="http://s36.ucoz.net/ ">
Ваше имя - <input type="text" name="name" value="Михаил" ><br>
Ваша фамилия - <input type="text" name="fname" value="Меренков" ><br>
Ваш ник - <input type="text" name="nname" value="IZOTOP"><br>
<input type="submit" value="Отправить">
</form>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Строчные элементы | Добавил: IZOTOP (30.05.2012) | Автор: Меренков Михаил W
Просмотров: 1866 | Теги: поле ввода | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]