Ostatnio edytowany:

Formularz HTML - atrybut "autocomplete"

Autor: Virtual Patriot

Spójrzmy na następujący kod HTML:

<form action="http://webkod.pl/php/submit-result.php">
  <p>
    <label>
      Jakie jest Twoje imię?
      <input type="text" name="imie">
    </label>
  </p>

  <p>
    <label>
      Jaki jest Twój ulubiony kwiat?
      <input type="text" name="ulubiony-kwiat">
    </label>
  </p>

  <p>
    <button type="submit">zatwierdź</button>
  </p>
</form>

Rezultat:

Nasz przykładowy kod HTML reprezentuje formularz HTML, który z kolei reprezentowany jest przez element form.

W zawartości naszego przykładowego formularza HTML występują dwa elementy HTML, które mogą przechowywać informację wprowadzoną przez użytkownika.

Wspomnianymi elementami HTML są elementy input.

Gdy użytkownik odwiedzający nasz dokument HTML zdecyduje się wypełnić pola naszego przykładowego formularza HTML, wtedy (w momencie wprowadzania przez wspomnianego użytkownika wartości do pól naszego przykładowego formularza HTML) jeden z mechanizmów przeglądarki internetowej postara się wyświetlić automatyczne podpowiedzi, z których użytkownik być może wybierze interesującą go wartość.

Wspomniane automatyczne podpowiedzi mogą bazować na informacji o tym, jakie wartości dany użytkownik wprowadzał do pól różnych formularzy HTML (pól o tych samych wartościach atrybutu name) występujących na różnych stronach internetowych, które zostały odwiedzone przez wspomnianego użytkownika.

Jeżeli z jakiejś przyczyny chcemy, aby mechanizm automatycznych podpowiedzi interesującego nas elementu HTML (w tym wypadku interesującego nas elementu input) był wyłączony, wtedy do wspomnianego interesującego nas elementu HTML należy dodać atrybut autocomplete wraz z wartością off.

Przykład:

<form action="http://webkod.pl/php/submit-result.php">
  <p>
    <label>
      Jakie jest Twoje imię?
      <input type="text" name="imie">
    </label>
  </p>

  <p>
    <label>
      Jaki jest Twój ulubiony kwiat?
      <input type="text" name="ulubiony-kwiat" autocomplete="off">
    </label>
  </p>

  <p>
    <button type="submit">zatwierdź</button>
  </p>
</form>

Rezultat:

Od tej pory, dzięki temu, że do naszego przykładowego elementu input posiadającego atrybut name o wartości ulubiony-kwiat został dodany atrybut autocomplete wraz z wartością off mechanizm automatycznych podpowiedzi dla wspomnianego elementu input jest wyłączony.

Ponadto, jeżeli chcemy, aby mechanizm automatycznych podpowiedzi został wyłączony dla wszystkich elementów HTML powiązanych z interesującym nas formularzem HTML oraz mogących posiadać wspomniany mechanizm automatycznych podpowiedzi, wtedy atrybut autocomplete wraz z wartością off należy dodać do elementu form reprezentującego interesujący nas formularz HTML.