Przejdź do treści

Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>

Czy można umieszczać pola (kontrolki) poza znacznikiem formularza?

  • Przycisk:
    <button form="identyfikator">...</button>
  • Grupa pól formularza:
    <fieldset form="identyfikator">...</fieldset>
  • Pole formularza:
    <input form="identyfikator">
  • Obiekt:
    <object form="identyfikator"></object>
  • Dane wyjściowe:
    <output form="identyfikator">...</output>
  • Lista rozwijalna:
    <select form="identyfikator">...</select>
  • Obszar tekstowy:
    <textarea form="identyfikator">...</textarea>
identyfikator
Należy podać wartość atrybutu id="..." przypisaną wcześniej do znacznika FORM. Każdy formularz w tym samym dokumencie musi mieć inny identyfikator, ale do tego samego formularza może się odnosić wiele pól.

W języku HTML 4.01 wszystkie kontrolki formularza musiały się znajdować wewnątrz znacznika FORM. W przeciwnym razie nie były wysyłane z formularzem. HTML5 pozwala umieścić kontrolki gdziekolwiek na stronie i skojarzyć je z wybranym formularzem za pomocą atrybutu form="...". Jako wartość atrybutu należy podać identyfikator nadany formularzowi (atrybutem id="...").

Przykład <form, input form>

<form action="?" id="formularz"></form>
<input type="text" name="pole" form="formularz">

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
<button form>9
2011-02-03
4
2011-03-22
16
2017-10-17
15
2013-07-02
5.1
2011-07-20
<fieldset form>1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26
<input form>1
2008-12-11
1
2004-11-09
12
2015-07-29
≤12.1
2012-11-20
1
2003-06-23
<object form>1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26
<output form>10
2011-03-08
4
2011-03-22
≤18
2018-10-02
11
2010-12-16
7
2013-10-22
<select form>1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26
<textarea form>1
2008-12-11
1
2004-11-09
12
2015-07-29
≤12.1
2012-11-20
≤4
2009-06-08

Komentarze

Zobacz więcej komentarzy

Facebook