autocomplete
Атрибут autocomplete
Этот атрибут помогает заполнять поля форм текстом, который был введён в них ранее. Значения сохраняет и подставляет браузер, при этом автозаполнение по соображениям безопасности может отключаться пользователем в настройках и не может в таком случае управляться атрибутом autocomplete.
При вводе первых букв текста выводится список сохранённых ранее значений, из которого можно выбрать необходимое.
Значения:
on - Включает автозаполнение текста.
off - Отключает автозаполнение. Это значение обычно используется для отмены сохранения в браузере важных данных (паролей, номеров банковских карт), а также редко вводимых или уникальных данных (капча).
dirname
Атрибут dirname определяет имя поля ввода, содержащего направление текста текстовой области.
Значение поля ввода, содержащего направление текста должно быть либо "ltr", либо "rtl".
list Атрибут list относится к datalist, содержащему предопределенные варианты для поля ввода.
readonly
Атрибут readonly определяет, что поле ввода только для чтения.
Только для чтения поле нельзя изменить. Тем не менее, пользователь может перейти на него, выделить его, и скопировать из него текст.
Если этот атрибут представлен, поле будет только для чтения.
Атрибут readonly может быть установлен для того, чтобы удержать пользователя от изменения значения до тех пор, пока не выполнено какое либо условие (например, выбор checkbox, и т.д.). Затем необходим Javasсript для удаления значения readonly, и превращения поля ввода в редактируемое.
Примечание: Поля, которые только для чтения не могут быть проверены.
size
Атрибут size определяет ширину, в символах, поля ввода.
Примечание: Этот атрибут работает со следующими типами элемента < input />: text, search, url, telephone, email, password, date pickers, number, checkbox, radio и file.
Значение по умолчанию: 20.
required Атрибут required указывает, что поля ввода должны быть заполнены перед отправкой.
Если этот атрибут присутствует, поле должно быть заполнено.
Устанавливает поле формы обязательным для заполнения перед отправкой формы на сервер. Если обязательное поле пустое, браузер выведет сообщение, а форма отправлена не будет. Вид и содержание сообщения зависит от браузера и меняться пользователем не может. На рис. 1 показано сообщение в разных браузерах.
| Chrome 11 | Opera 11 | Firefox 4 |
Рис. 1. Вид сообщения об обязательном поле
Примечание: Атрибут required работает со следующими типами элемента < input />: text, search, url, telephone, email, password, date pickers, number, checkbox, radio и file.
multiple Атрибут multiple позволяет указывать одновременно несколько файлов в поле для загрузки файлов, а также несколько адресов электронной почты. При использовании двух и более почтовых адресов они должны перечисляться через запятую.
Opera 10.62, Firefox 3.6 и Safari поддерживает multiple только type="file".
maxlength Атрибут maxlength определяет максимальную длину (в символах) поля ввода.
pattern Атрибут pattern указывает регулярное выражение, согласно которому требуется вводить и проверять данные в поле формы. Если присутствует атрибут pattern, то форма не будет отправляться, пока поле не будет заполнено правильно.
Примечание: Атрибут pattern раборает со следующими типами элемента < input />: text, search, url, telephone, email и password.
Совет: Используйте стандартный атрибут title для описания шаблона.
Некоторые типовые регулярные выражения перечислены в табл. 1.
| Выражение | Описание |
|---|---|
| \d [0-9] | Одна цифра от 0 до 9. |
| \D [^0-9] | Любой символ кроме цифры. |
| \s | Пробел. |
| [A-Z] | Только заглавная латинская буква. |
| [A-Za-z] | Только латинская буква в любом регистре. |
| [А-Яа-яЁё] | Только русская буква в любом регистре. |
| [A-Za-zА-Яа-яЁё] | Любая буква русского и латинского алфавита. |
| [0-9]{3} | Три цифры. |
| [A-Za-z]{6,} | Не менее шести латинских букв. |
| [0-9]{,3} | Не более трёх цифр. |
| [0-9]{5,10} | От пяти до десяти цифр. |
| ^[a-zA-Z]+$ | Любое слово на латинице. |
| ^[А-Яа-яЁё\s]+$ | Любое слово на русском включая пробелы. |
| ^[ 0-9]+$ | Любое число. |
| [0-9]{6} | Почтовый индекс. |
| \d+(,\d{2})? | Число в формате 1,34 (разделитель запятая). |
| \d+(\.\d{2})? | Число в формате 2.10 (разделитель точка). |
| \d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3} | IP-адрес |
min и max Атрибут min указывает минимальное разрешенное значение для поля ввода.
Атрибут max указывает максимальное разрешенное значение для поля ввода.
Атрибут min используется вместе с атрибутом max для создания интервала разрешенных значений.
Примечание: Атрибуты max и min работают вместе со следующими типами элемента < input >: number, range, date, datetime, datetime-local, month, time и week.
step Атрибут 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 предоставляет подсказку, которая описывает ожидаемое значение в поле ввода.
Подсказка отображается в поле ввода, когда оно пустое, и исчезает когда поле получает фокус.
Примечание: Атрибут placeholder работает со следующими типами элемента < input >: text, search, url, telephone, email и password.