Последнее обновление
25 апр. 2024 г.
В рамках постоянной поддержки HTML5 в Dreamweaver для некоторых элементов формы были введены новые атрибуты. Кроме того, появились четыре новых элемента формы HTML5.
Элементы формы можно найти на панели «Вставка». Выберите «Окно» > «Вставка». В меню панели «Вставка» выберите «Формы».
Новые атрибуты, общие для элементов формы
Следующие новые атрибуты являются общими для всех элементов формы:
- 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. В панели «Свойства» присутствуют не все эти атрибуты. Можно воспользоваться представлением кода, чтобы добавить атрибуты, отсутствующие в панели.
| Компонент формы | Новые атрибуты, относящиеся к элементу | Описание атрибутов |
| Текстовое поле | Список | 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 |
| Файл | Несколько | http://www.w3.org/TR/html-markup/input.file.html |
| Form | 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 |
| Изображение | Ширина, высота, действие, метод, форма без проверки, тип кодировки формы, назначение формы. | 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 |
| Текстовая область | Строки, Столбцы, Заполнитель, Перенос, MAX Длина, Индекс Табуляции | http://www.w3.org/TR/html-markup/textarea.html |
| Раскрывающиеся меню | Размер | 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 |
Связанные материалы
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
