Атрибут autocomplete (Автозаполнение)

Атрибут autocomplete указывает, что форма или поле ввода input должны обладать функцией автозаполнения.

Замечание: Атрибут autocomplete работает с <form>, и следующими типами <input>: text, url, search, telephone, email, password, range, date (и другие типы выбора даты и/или времени) и color.

Когда пользователь начинает печатать в поле с автозаполнением, браузер покажет варианты заполения поля:

Пример

<form action="demo_form.php" method="get" autocomplete="on"> Имя: <input type="text" name="fname" /><br /> Фамилия: <input type="text" name="lname" /><br /> E-mail: <input type="email" name="email" autocomplete="off" /><br /> <input type="submit" /> </form>

Попробуйте сами »

Замечание: В некоторых браузерах вам потребуется активировать функцию автозаполнения, чтобы оно работало.

Атрибут autofocus (Автофокус)

Атрибут autofocus указывает, какое поле должно автоматически получать фокус ввода при загрузке страницы.

Замечание: Атрибут autofocus аботает со всеми типами ввода <input>.

Пример

Имя пользователя: <input type="text" name="user_name" autofocus="autofocus" />

Попробуйте сами »

Атрибут form (Форма)

Атрибут form указывает одну или несколько форм, которым принадлежит поле ввода.

Замечание: Атрибут form работает со всеми типами ввода <input>.

Атрибут form должен ссылаться на идентификатор id формы, которой принадлежит поле input:

Пример

<form action="demo_form.php" method="get" id="user_form"> Имя:<input type="text" name="fname" /> <input type="submit" /> </form> Фамилия: <input type="text" name="lname" form="user_form" />

Попробуйте сами »

Замечание: Чтобы указать более одной формы, используйте список идентификаторов форм через пробел.

Атрибуты Замены (Замещения, Подмены) Формы

Атрибуты подмены позволяют вам заменять некоторые атрибуты, установленные для элемента формы form.

К атрибутам подмены формы относятся:

formaction - Заменяет атрибут формы action
formenctype - Переписывает атрибут формы enctype
formmethod - Замещает атрибут формы method
formnovalidate - Отменяет атрибут формы novalidate
formtarget - Заменяет атрибут формы target

Замечание: Атрибуты замены формы работают со следующими типами ввода <input>: submit и image.

Пример

<form action="demo_form.php" method="get" id="user_form"> Адрес электронной почты E-mail: <input type="email" name="userid" /><br /> <input type="submit" value="Отправить" /> <br /> <input type="submit" formaction="demo_admin.php" value="Отправить в качестве администратора" /> <br /> <input type="submit" formnovalidate="true" value="Отправить без проверки" /> <br /> </form>

Попробуйте сами »

Замечание: Эти атрибуты полезны для создания различных кнопок отправки.

Атрибуты height (Высота) и width (Ширина)

Атрибуты height и width указывают высоту и ширину изображения, используемого для типа ввода image.

Замечание: Атрибуты height и width работают только с типом ввода <input>: image.

Пример

Попробуйте сами »

Атрибут list (Список)

Атрибут list указывает список опций для поля ввода. Элемент datalist представляет собой список вариантов для выбора в поле ввода input.

Замечание: Атрибут list работает со следующими типами <input>: text, search, url, telephone, email, date (и другие типы выбора даты и/или времени), number, range и color.

Пример

Веб страница: <input type="url" list="url_list" name="link" /> <datalist id="url_list"> <option label="Уроки HTML" value="http://uroki-html.ru/" /> <option label="Уроки CSS" value="http://uroki-css.ru/" /> <option label="Уроки JavaScript" value="http://uroki-javascript.ru/" /> </datalist>

Попробуйте сами »

Атрибуты min, max и step

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

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

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

Атрибут step указывает шаг в поле ввода (если step="3", то допустимыми числами будут -3,0,3,6, и т.д.).

Замечание: Атрибуты min, max и step работают со следующими типами <input>: типы ввода даты/времени (date, time и др.), number и range.

Пример ниже показывает числовое поле, которое принимает значения между 0 и 10, с шагом 3 (допустимыми числами будут 0, 3, 6 и 9):

Пример

Число: <input type="number" name="points" min="0" max="10" step="3" />

Попробуйте сами »

Атрибут multiple (Несколько)

Атрибут multiple указывает, что в поле ввода могут быть выбраны несколько значений.

Замечание: Атрибут multiple работает в типах <input>: email и file.

Пример

Выбрать изображения: <input type="file" name="img" multiple="multiple" />

Попробуйте сами »

Дата добавления: 2019-01-14; просмотров: 179; Мы поможем в написании вашей работы!

Поделиться с друзьями:

⇐ Предыдущая 1 234 5 Следующая ⇒

Мы поможем в написании ваших работ!