HTML теги
  • Валидация тегов
  • <!-- -->
  • <!DOCTYPE>
  • <a>
    • download
    • href
    • rel
    • target
    • type
  • <abbr>
  • <acronym>
  • <address>
  • <applet>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
    • href
    • target
  • <basefont>
  • <bdi>
  • <bdo>
  • <bgsound>
  • <bdi>
  • <bdo>
  • <bgsound>
  • <big>
  • <blink>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <center>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <comment>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dir>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <form>
  • <footer>
  • <form>
  • <frame>
  • <frameset>
  • <h1>
  • <h2>
  • <h3>
  • <h4>
  • <h5>
  • <h6>
  • <head>
  • <header>
  • <hgroup>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <input>
  • <ins>
  • <isindex>
  • <kbd>
  • <keygen>
  • <label>
    • for
  • <legend>
  • <li>
  • <link>
  • <listing>
  • <main>
  • <map>
  • <mark>
  • <marquee>
  • <menu>
  • <meta>
  • <meter>
  • <multicol>
  • <nav>
  • <nobr>
  • <noembed>
  • <noframes>
  • <noscript>
  • <object>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <param>
  • <plaintext>
  • <pre>
  • <progress>
  • <q>
  • <rp>
  • <rt>
  • <ruby>
  • <s>
  • <samp>
  • <script>
  • <section>
  • <select>
  • <small>
  • <source>
  • <spacer>
  • <span>
  • <strike>
  • <strong>
  • <style>
  • <sub>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <textarea>
  • <tfoot>
  • <th>
  • <thead>
  • <time>
  • <title>
  • <tr>
  • <track>
  • <tt>
  • <u>
  • <ul>
  • <var>
  • <video>
  • <wbr>
  • <xmp>

Атрибут autocomplete

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 17.0+ 9.6+ 5.2+ 4.0+ 2.3+ 3.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Этот атрибут помогает заполнять поля форм текстом, который был введён в них ранее. Значения сохраняет и подставляет браузер, при этом автозаполнение по соображениям безопасности может отключаться пользователем в настройках и не может в таком случае управляться атрибутом autocomplete. К примеру, включение автозаполнения в браузере Chrome показано на рис. 1.

Настройки автозаполнения

Рис. 1. Настройки автозаполнения

При вводе первых букв текста выводится список сохранённых ранее значений, из которого можно выбрать необходимое (рис. 2).

Список для подстановки

Рис. 2. Список для подстановки

Синтаксис

<input type="text" autocomplete="on | off"><input type="password" autocomplete="on | off"><input type="email" autocomplete="on | off"><input type="search" autocomplete="on | off">
<input type="url" autocomplete="on | off"><input type="tel" autocomplete="on | off">

Значения

on
Включает автозаполнение текста.
off
Отключает автозаполнение. Это значение обычно используется для отмены сохранения в браузере важных данных (паролей, номеров банковских карт), а также редко вводимых или уникальных данных (капча).

Обязательный атрибут

Нет.

Значение по умолчанию

Зависит от настроек браузера.

Пример

HTML5IECrOpSaFx

<!DOCTYPE html><html> <head>  <meta charset="utf-8">  <title>Тег input, атрибут autocomplete</title> </head> <body>  <form>   <p>Имя: <input name="user" autocomplete="on"></p>   <p>Пароль: <input name="pass" type="password"></p>   <p><input type="submit" value="Отправить"></p>  </form> </body></html>
Статьи по теме
    Популярные статьи
    2D игра на Unity. Подробное руководство. Часть 1
    • unity
    2D игра на Unity. Подробное руководство. Часть 1
    Адаптивный слайдер без Javascript на CSS3
    • слайдер
    Адаптивный слайдер без Javascript на CSS3
    Работа с Unity в 2D
    • unity
    Работа с Unity в 2D
    2D игра на Unity. Подробное руководство. Часть 3
    • unity
    2D игра на Unity. Подробное руководство. Часть 3
    2D игра на Unity. Подробное руководство. Часть 4
    • unity
    2D игра на Unity. Подробное руководство. Часть 4
    2D игра на Unity. Подробное руководство. Часть 5
    • unity
    2D игра на Unity. Подробное руководство. Часть 5
    2D игра на Unity. Подробное руководство. Часть 6
    • unity
    2D игра на Unity. Подробное руководство. Часть 6
    Учебник по новому GUI в Unity. Часть 2.
    • unity
    Учебник по новому GUI в Unity. Часть 2.
    Учебник по новому GUI в Unity. Часть 1.
    • unity
    Учебник по новому GUI в Unity. Часть 1.

    HTML LESS LESS React
    Онлайн журнал для профессиональных веб-дизайнеров и программистов
    БлогПлагиныГрафикаИнструменты
    © 2009-2017 WebSketches.ru