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 |