Ostatnio edytowany:

Formularz HTML - element "input" typu "hidden"

Autor: Virtual Patriot

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

<form action="http://webkod.pl/php/submit-result.php" method="post">
  <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.

Jeżeli z jakiejś przyczyny chcemy, aby nasz przykładowy formularz HTML posiadał daną, która nie będzie widoczna dla użytkownika wypełniającego nasz przykładowy formularz HTML, wtedy ze wspomnianym formularzem HTML należy powiązać element input posiadający atrybut type o wartości hidden.

Przykład:

<form action="http://webkod.pl/php/submit-result.php" method="post">
  <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>
    <input type="hidden" name="tajny-kod" value="1234567890">
    <button type="submit">zatwierdź</button>
  </p>
</form>

Rezultat:

Od tej pory w momencie gdy nasz przykładowy formularz HTML zostanie zatwierdzony, do zasobu internetowego znajdującego się pod adresem http://webkod.pl/php/submit-result.php zostanie przekazana dodatkowa dana o nazwie tajny-kod posiadająca wartość 1234567890, ponieważ przed zatwierdzeniem wspomnianego formularza HTML, ze wspomnianym formularzem HTML był powiązany element input posiadający atrybut type o wartości hidden, atrybut name o wartości tajny-kod oraz atrybut value o wartości 1234567890.