Ostatnio edytowany:

Formularz HTML - adres zasobu internetowego obsługującego dane formularza HTML

Autor: Virtual Patriot

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

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

  <p>
    <label>
      Dlaczego ten kwiat?
      <textarea name="powod"></textarea>
    </label>
  </p>

  <p>
    <label>
      Jaki jest Twój ulubiony rodzaj muzyki?
      <select name="rodzaj-muzyki">
        <option>inny</option>
        <option>rock</option>
        <option>pop</option>
        <option>techno</option>
        <option>trance</option>
      </select>
    </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ą trzy elementy HTML, które mogą przechowywać informację wprowadzoną przez użytkownika.

Wspomnianymi elementami HTML są: element input, element textarea oraz element select.

Ponadto nasz przykładowy formularz HTML posiada przycisk zatwierdzający reprezentowany przez element button posiadający atrybut type o wartości submit.

Gdy wspomniany przycisk zatwierdzający, który został powiązany z naszym przykładowym formularzem HTML, zostanie naciśnięty, wtedy wszystkie powiązane z naszym przykładowym formularzem HTML elementy HTML (które mogą reprezentować daną oraz których wspomniana dana posiada nazwę, która została określona przez nas za pomocą wartości atrybutu name) zostaną zauważone przez jeden z mechanizmów przeglądarki internetowej, a następnie nazwy oraz wartości posiadane przez wspomniane dane zostaną przekazane do zasobu internetowego, którego adres możemy określić.

Gdy nie podamy adresu zasobu internetowego, który może obsłużyć dane pochodzące od formularza HTML, wtedy wspomnianym zasobem internetowym jest ten zasób internetowy, w którego zawartości znajduje się formularz HTML, od którego pochodzą wspomniane dane.

Nie wszystkie zasoby internetowe mogą obsłużyć dane pochodzące od formularza HTML, lecz gdy posiadamy zasób internetowy, który może obsłużyć dane pochodzące od formularza HTML (wymagana znajomość języka programowania PHP), wtedy adres takiego zasobu internetowego należy podać jako wartość atrybutu action interesującego nas elementu form.

Przykład:

<form action="http://webkod.pl/php/submit-result.php">
  <p>
    <label>
      Jaki jest Twój ulubiony kwiat?
      <input type="text" name="ulubiony-kwiat">
    </label>
  </p>

  <p>
    <label>
      Dlaczego ten kwiat?
      <textarea name="powod"></textarea>
    </label>
  </p>

  <p>
    <label>
      Jaki jest Twój ulubiony rodzaj muzyki?
      <select name="rodzaj-muzyki">
        <option>inny</option>
        <option>rock</option>
        <option>pop</option>
        <option>techno</option>
        <option>trance</option>
      </select>
    </label>
  </p>

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

Rezultat: