Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
читать дальшеinput элемент представляет типизированных полей данных, как правило, с формой управления, чтобы позволить пользователю редактировать данные.
type атрибута контролирует тип данных (и связанных с ним управление) элемента. Это - перечислимый атрибут.. В следующей таблице перечислены ключевые слова и состояний для атрибута - ключевые слова в левом столбце отображаются на состояния в ячейке во втором столбце на той же самой строке как ключевое слово.
value атрибут контента дает значение по умолчанию input элемент.
checked содержание атрибута логический атрибут , который дает по умолчанию выделение input элемента.
form атрибут используется, чтобы явно связаться input элемент с его формой. name атрибут представляет имя элемента. disabled атрибут используется, чтобы сделать управление неинтерактивным и препятствовать тому, чтобы его значение было изменено. autofocus - фокусировка на выбранном элементе формы.
@темы:
HTML5
05.03.2012 в 15:43
Если name атрибут присутствует и имеет значение, которое является чувствительным к регистру соответствием для строки"_charset_", тогда элемент value атрибут должен быть опущен.
С типом Text или Search, input элемент представляет одну строку простого редактирования текста управления для элемента значение .
value атрибута, если он указан, должен иметь значение, не содержащее U +000 строки (LF) или U +000 D возврата каретки (CR) символов.
С типомTelephone, input элемент представляет элемент управления для редактирования номер телефона приведены в элемента значение .
value атрибута, если он указан, должен иметь значение, не содержащее U +000 строки (LF) или U +000 D возврата каретки (CR) символов.
В отличие от URL типа и типа электронной почты, Телефонный тип не осуществляет определенный синтаксис. Это является намеренным; практически, поля телефонного номера имеют тенденцию быть полями свободной формы, потому что есть большое разнообразие допустимых телефонных номеров. Системы, которые должны осуществить определенный формат, поощрены использовать pattern атрибут или setCustomValidity() метод, чтобы сцепиться в клиентский механизм проверки допустимости.
С типом поля URL, input элемент представляет управление для того, чтобы отредактировать единственный абсолютный URL, данный в значении элемента.
Если документ содержал следующую разметку:
... и пользователь ввел "www.w3", и агент пользователя также нашел, что пользователь посетил www.w3.org/Consortium/#membership и www.w3.org/TR/XForms/ в недалеком прошлом тогда рендеринг мог бы быть похожим на это:
Текстовое поле со значком, слева сопровождаемым текстом "www.w3" и курсор, с выпадающей кнопкой на правой стороне; с, ниже, выпадающее поле, содержащее список шести URL слева, с первыми четырьмя, отображавшими метки серым справа; и полоса прокрутки направо от drow вниз упаковывает, указывающие дальнейшие значения доступны.
Первые четыре URL в этой выборке состоят из этих четырех URL в определенном автором списке, которые соответствуют текст, который пользователь ввел, сортировал некоторым определенным с помощью UA способом (возможно тем, как часто пользователь обращается к тем URL). Отметьте, как UA использует знание, что значения - URL, чтобы позволить пользователю опускать часть схемы и выполнять интеллектуальное соответствие на доменном имени.
Последние два URL (и вероятно еще много, учитывая индикации полосы прокрутки относительно большего количества значений, являющихся доступным), являются соответствиями от данных истории сеанса агента пользователя. Эти данные не сделаны доступными для страницы ДОМ. В данном случае у UA нет никаких заголовков, чтобы предусмотреть те значения.
Поле с E-mail типом, работает по разному, в зависимости есть ли у него атрибут multiple.
Когда multiple атрибут не определен на элементе:
- input элемент представляет управление для того, чтобы отредактировать адрес электронной почты, данный в значении элемента.
- value у атрибута, если определено и не пустой, должно быть значение, которое является единственным допустимым адресом электронной почты.
Когда multiple атрибут определен на элементе:
input элемент представляет управление для того, чтобы добавить, удалить, и отредактировать адреса электронной почты, данные в значениях элемента.
value у атрибута, если определено, должно быть значение, которое является допустимым списком адреса электронной почты.
Допустимый список адреса электронной почты - ряд разделенных от запятой маркеров, где каждый маркер - самостоятельно допустимый адрес электронной почты.
05.03.2012 в 15:51
value атрибута, если он указан, должен иметь значение, не содержащее U +000 строки (LF) или U +000 D возврата каретки (CR) символов.
С типом DateTime, элемент представляет управление для того, чтобы установить значение элемента в строку, представляющую определенную глобальную дату и время.
Формат, показанный пользователю, независим от формата, используемого для представления формы. Браузеры поощрены использовать пользовательские интерфейсы, которые представляют даты и времена согласно соглашениям привилегированной локали пользователя.
value у атрибута, если определено и не пустой, должен быть значением, которое является допустимой глобальной датой и строкой времени.
min у атрибута, если определено, должно быть значением, которое является допустимой глобальной датой и строкой времени. max у атрибута, если определен, должно быть значением, которое является допустимой глобальной датой и строкой времени.
step в секундах выражен атрибут. Шаг по умолчанию составляет 60 секунд.
С типом Date, элемент представляет управление для того, чтобы установить значение элемента в строку, представляющую определенную дату.
value у атрибута, если определено и не пустой, должно быть значение, которое является допустимой строкой даты.
min у атрибута, если определено, должно быть значение, которое является допустимой строкой даты. max у атрибута, если определено, должно быть значение, которое является допустимой строкой даты.
step в днях выражен атрибут. Шаг по умолчанию составляет 1 день.
С типом Month, элемент представляет управление для того, чтобы установить значение элемента в строку, представляющую определенный месяц.
value у атрибута, если определено и не пустой, должно быть значение, которое является допустимой строкой месяца.
min у атрибута, если определено, должно быть значение, которое является допустимой строкой месяца. max у атрибута, если определено, должно быть значение, которое является допустимой строкой месяца.
step в месяцах выражен атрибут. Шаг по умолчанию составляет 1 месяц.
С типом Week, элемент представляет управление для того, чтобы установить значение элемента в строку, представляющую определенную неделю.
value у атрибута, если определено и не пустой, должно быть значение, которое является допустимой недельной строкой.
min у атрибута, если определено, должно быть значение, которое является допустимой недельной строкой. max у атрибута, если определено, должно быть значение, которое является допустимой недельной строкой.
step в неделях выражен атрибут. Шаг по умолчанию составляет 1 неделю.
С типом Time, элемент представляет управление для того, чтобы установить значение элемента в строку, представляющую определенное время.
value у атрибута, если определено и не пустой, должно быть значение, которое является допустимой строкой времени.
min у атрибута, если определено, должно быть значение, которое является допустимой строкой времени. max у атрибута, если определено, должно быть значение, которое является допустимой строкой времени.
step в секундах выражен атрибут. Шаг по умолчанию составляет 60 секунд.
С типом datetime-local, элемент представляет управление для того, чтобы установить значение элемента в строку, представляющую локальную дату и время без информации о смещении часового пояса.
value у атрибута, если определено и не пустой, должно быть значение, которое является допустимой локальной датой и строкой времени.
min у атрибута, если определено, должно быть значение, которое является допустимой локальной датой и строкой времени. max у атрибута, если определено, должно быть значение, которое является допустимой локальной датой и строкой времени.
step в секундах выражен атрибут. Шаг по умолчанию составляет 60 секунд.
05.03.2012 в 16:52
value у атрибута, если определено и не пустой, должно быть значение, которое является допустимым числом с плавающей точкой.
min у атрибута, если определено, должно быть значение, которое является допустимым числом с плавающей точкой. max у атрибута, если определено, должно быть значение, которое является допустимым числом с плавающей точкой.
Шаг по умолчанию 1 (разрешение только целые числа, если min у атрибута есть значение нецелого числа).
С типом Range, input элемент представляет управление для того, чтобы установить значение элемента в строку, представляющую число, но с протестом, что точное значение не важно, позволяющие UA обеспечивают более простой интерфейс, чем они делают для состояния Числа.
value у атрибута, если определено, должно быть значение, которое является допустимым числом с плавающей точкой.
min у атрибута, если определено, должно быть значение, которое является допустимым числом с плавающей точкой. Минимум по умолчанию 0. max у атрибута, если определено, должно быть значение, которое является допустимым числом с плавающей точкой. Максимум по умолчанию 100.
По умолчанию шаг равен 1 (с учетом только целые числа, если min атрибут имеет не целое число).
С типом Color, input элемент представляет цвет, хорошо управляют, для того, чтобы установить значение элемента в строку, представляющую простой цвет.
value у атрибута, если определено и не пустой, должно быть значение, которое является допустимым простым цветом.
С типом Checkbox, input элемент представляет управление с двумя состояниями, которое представляет состояние checkedness элемента. Если состояние checkedness элемента - истина, управление представляет положительный выбор, и если это - ложь, отрицательный выбор.
С типом Radio, input элемент представляет управление что, когда использующийся в соединении с другим input элементы, формирует группу переключателей, в которой только у одного управления может быть свой набор состояния checkedness к истине. Если состояние checkedness элемента - истина, управление представляет выбранное управление в группе, и если это - ложь, это указывает на управление в группе, которая не выбрана.
Группа переключателей, которая содержит input элемент a также содержит все другие input элементов, которые выполняют все следующие условия:
- если у элемента input "b" атрибут type = Radio
- если элемент "a" принадлежит той же форме, или они оба не принадлежат формам
- если у них одинаковые имена
Документ не должен содержать input элемент, группа переключателей которого содержит только тот элемент.
05.03.2012 в 17:06
Валидация формы работает по умолчанию. Поддерживаются в Firefox 4+, Safari 5+, Chrome 6+, Opera 9+...
Валидация форм в HTML5 не ограничивается типом каждого поля. Вы также можете указать, что некоторые поля обязательны для заполнения, такие поля должны иметь значение, прежде чем вы сможете отправить форму.
Браузеры могут изменить внешний исходный вид обязательного поля. Вот к примеру, как это выглядит в Mozilla Firefox 4.0.
Обязательное поле в Firefox:
Кроме того, если вы пытаетесь отправить форму без заполнения обязательного значения, Firefox выведет информационную панель, говорящую, что поле является обязательным и не может быть пустым.
05.03.2012 в 17:48
accept атрибут может быть определен, чтобы предоставить агентам пользователя подсказку того, какие типы файлов будут приняты.
Строка audio/* Указывает, что звуковые файлы приняты.
Строка video/* Указывает, что видеофайлы приняты.
Строка image/* Указывает, что файлы изображений приняты.
Допустимый MIME вводит без параметров Указывает, что файлы указанного типа приняты.
Агенты пользователя могут использовать значение этого атрибута, чтобы вывести на экран более соответствующий пользовательский интерфейс чем универсальное средство выбора файла. Например, учитывая значение image/*, агент пользователя мог предложить пользователю опцию использования локальной камеры или выбора фотографии от их фото набора; учитывая значение audio/*, агент пользователя мог предложить пользователю опцию записи клипа, используя микрофон гарнитуры.
С типом Submit, элемент представляет кнопку, при активации отправляет форму. Элемент кнопки , в частности, кнопка отправки .
formaction, formenctype, formmethod, formnovalidate, и formtarget - атрибуты для представления формы.
С типом Image, элемент представляет или изображение, от которого пользователь может выбрать координату и представить форму, или альтернативно кнопку.
src атрибут должен присутствовать, и должен содержать допустимый непустой URL, потенциально окруженный пробелами, ссылающимися на неинтерактивное, дополнительно анимированное, ресурс изображение
alt атрибут должен также присутствовать, и должен содержать непустую строку.
input элемент поддерживает атрибуты размерности.
С типом Reset, элемент представляет кнопку, которая, когда активировано, сбрасывает форму.
C типом Button, элемент представляет кнопку без поведения по умолчанию. Метка для кнопки должна быть обеспечена в value атрибут, хотя это может быть пустая строка.
05.03.2012 в 18:22
dirname атрибут - определяет имя поля ввода, содержащего направление текста текстовой области.
Значение поля ввода, содержащего направление текста должно быть либо "ltr", либо "rtl".
list атрибут относится к datalist, содержащему предопределенные варианты для поля ввода.
Это поле URL предлагает некоторые предложения:
Атрибут readonly определяет, что поле ввода только для чтения.
Только для чтения поле нельзя изменить. Тем не менее, пользователь может перейти на него, выделить его, и скопировать из него текст.
Если этот атрибут представлен, поле будет только для чтения.
Атрибут readonly может быть установлен для того, чтобы удержать пользователя от изменения значения до тех пор, пока не выполнено какое либо условие (например, выбор checkbox, и т.д.). Затем необходим Javasсript для удаления значения readonly, и превращения поля ввода в редактируемое.
Примечание: Поля, которые только для чтения не могут быть проверены.
Атрибут size определяет ширину, в символах, поля ввода.
Примечание: Этот атрибут работает со следующими типами элемента < input >: text, search, url, telephone, email, password, date pickers, number, checkbox, radio и file.
Атрибут required указывает, что поля ввода должны быть заполнены перед отправкой.
Если этот атрибут присутствует, поле должно быть заполнено.
Примечание: Атрибут required работает со следующими типами элемента < input >: text, search, url, telephone, email, password, date pickers, number, checkbox, radio и file.
Атрибут multiple указывает, что несколько значений могут быть выбраны для поля ввода.
Если этот атрибут присутствует поле будет принимать несколько значений.
Примечание: Атрибут multiple работает со следующими значениями элемента < input >: email и file.
05.03.2012 в 18:31
Атрибут pattern определяет шаблон, используемый для проверки поля ввода.
Шаблон является регулярным выражением. Вы можете прочитать об этом в нашем учебнике по Javasсript.
Примечание: Атрибут pattern раборает со следующими типами элемента < input>: text, search, url, telephone, email и password.
Совет: Используйте стандартный атрибут title для описания шаблона.
Атрибут min указывает минимальное разрешенное значение для поля ввода.
Атрибут max указывает максимальное разрешенное значение для поля ввода.
Атрибут min используется вместе с атрибутом max для создания интервала разрешенных значений.
Примечание: Атрибуты max и min работают вместе со следующими типами элемента < input >: number, range, date, datetime, datetime-local, month, time и week.
Атрибут step определяет легальные числовые интервалы для поля ввода (если step="3", легальными числами будут -3,0,3,6, и т.д.).
Атрибут step используется вместе с атрибутами max и min для создания интервала легальных значений.
Примечание: Атрибуты step, max и min работают со следующими типами элемента < input >: number, range, date, datetime, datetime-local, month, time и week.
Следующее управление позволяет любому времени в день быть выбранным с любой точностью (например, тысячная часть второй точности или больше):
Атрибут placeholder предоставляет подсказку, которая описывает ожидаемое значение в поле ввода.
Подсказка отображается в поле ввода, когда оно пустое, и исчезает когда поле получает фокус.
Примечание: Атрибут placeholder работает со следующими типами элемента < input >: text, search, url, telephone, email и password.