В рамках постоянной поддержки HTML5 в Dreamweaver для некоторых элементов формы были введены новые атрибуты. Кроме того, появились четыре новых элемента формы HTML5.

Элементы формы можно найти на панели «Вставка». Выберите «Окно» > «Вставка». В меню панели «Вставка» выберите «Формы».

Откорректированный технологический процесс работы с формами в Dreamweaver

Откорректированный технологический процесс работы с формами в Dreamweaver
Откорректированный технологический процесс работы с формами в новой версии Dreamweaver 12.1.
Дэвид Пауэрс

Новые атрибуты, общие для элементов формы

Следующие новые атрибуты являются общими для всех элементов формы:

  • Disabled: при выборе этого параметра браузер отключает элемент.
  • Required: при выборе этого параметра браузер проверяет, указано ли значение.
  • Auto complete: при выборе этого параметра значения заполняются автоматически, когда пользователь вводит информацию в браузере.
  • Auto focus: при выборе этого параметра фокус перемещается на данный элемент, когда браузер загружает страницу.
  • Read only: при выборе этого параметра значение элемента становится доступно только для чтения.
  • Form: указывает одну или несколько форм, к которой относится элемент <input>.
  • Name: уникальное имя, используемое для ссылки на элемент в коде.
  • Place holder: подсказка, описывающая ожидаемое значение поля ввода.
  • Pattern: регулярное выражение, на соответствие которому проверяется значение элемента.
  • Title: дополнительная информация об элементе. Отображается в виде подсказки.
  • Tab Index: указывает позицию текущего элемента в порядке табуляции для текущего документа.

Элементы формы с измененными атрибутами

  • Form No Validate: при выборе этого параметра проверка формы отключается. Выбор этого параметра переопределяет атрибут No Validate на уровне формы.
  • Form Enc Type: тип MIME, с которым агент пользователя должен связывать этот элемент для отправки формы.
  • Form Target: контекстное имя или ключевое слово обзора, представляющее целевой объект элемента управления.
  • Accept charset: указывает кодировки символов, используемые для отправки формы.

Примечание.

Ссылки для атрибутов содержат информацию обо всех атрибутах, приведенных в спецификации HTML5. В панели «Свойства» присутствуют не все эти атрибуты. Можно воспользоваться представлением кода, чтобы добавить атрибуты, отсутствующие в панели.

Элемент формы Новые атрибуты, специфичные для элемента Описание атрибутов
Текстовое поле List http://www.w3.org/TR/html-markup/input.text.html
Кнопка <Нет никакого определенного нового атрибута> http://www.w3.org/wiki/HTML/Elements/button
Флажок <Нет никакого определенного нового атрибута> http://www.w3.org/TR/html-markup/input.checkbox.html
Файл Multiple http://www.w3.org/TR/html-markup/input.file.html
Форма No validate, Accept charset http://www.w3.org/TR/2012/WD-html-markup-20120329/form.html
Скрытый <Нет никакого определенного нового атрибута> http://www.w3.org/TR/2012/WD-html-markup-20120329/input.hidden.html
Пароль <Нет никакого определенного нового атрибута> http://www.w3.org/TR/html-markup/input.password.html
Изображение Width, Height, Action, Method, Form no Validate, Form Enc Type, Form target. http://www.w3.org/TR/html-markup/input.image.html
Сброс <Нет никакого определенного нового атрибута> http://dev.w3.org/cvsweb/html5/markup/button.reset.html
Отправить Form No Validate, Form Enc type, Form target, Action, Tab Index, Method. http://www.w3.org/TR/html-markup/input.submit.html
Переключатель <Нет никакого определенного нового атрибута> http://www.w3.org/TR/html-markup/input.radio.html
Текстовая область Rows, Cols, Place Holder, Wrap, Max Length, Tab Index http://www.w3.org/TR/html-markup/textarea.html
Список выбора Size http://www.w3.org/wiki/HTML/Elements/select

Элементы формы HTML5

Элемент формы Доступно в Описание Описание атрибутов
Цвет 12.2 Для полей ввода, которые должны содержать цвет. http://www.w3.org/TR/html-markup/input.color.html
Дата 12.2 Элемент управления, позволяющий пользователю выбрать дату. http://www.w3.org/TR/html-markup/input.date.html
Дата Время 12.2 Позволяет пользователю выбрать дату и время (с часовым поясом). http://www.w3.org/TR/html-markup/input.datetime.html
Локальное время и дата 12.2 Позволяет пользователю выбрать дату и время (без часового пояса) http://www.w3.org/TR/html-markup/input.datetime-local.html
месяц 12.2 Позволяет пользователю выбрать месяц и год. http://www.w3.org/TR/html-markup/input.month.html
Число 12.2 Для полей, которые должны содержать только числа. http://www.w3.org/TR/html-markup/input.number.html
Диапазон 12.2 Для полей, которые должны содержать значения из диапазона чисел. http://www.w3.org/TR/html-markup/input.range.html
Время 12.2 Позволяет пользователю выбрать время. http://www.w3.org/TR/html-markup/input.time.html
Неделя 12.2 Позволяет пользователю выбрать неделю и год. http://www.w3.org/TR/html-markup/input.week.html
Адрес электронной почты 12.1 Элемент управления для редактирования списка адресов электронной почты, указанных в значении элемента. http://www.w3.org/TR/html-markup/input.email.html
Поиск 12.1 Элемент управления для редактирования простого текста длиной в одну строку, предназначенный для ввода одного или нескольких условий поиска. http://www.w3.org/TR/html-markup/input.search.html
Телефон (Тел.) 12.1 Элемент управления для редактирования простого текста длиной в одну строку, предназначенный для ввода номера телефона. http://www.w3.org/TR/html-markup/input.tel.html
URL-адрес 12.1 Элемент управления для редактирования абсолютного URL-адреса, указанного в значении элемента. http://www.w3.org/TR/html-markup/input.url.html

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет