Inputy poza formem

Question

Cześć, mam takie szybkie pytanie. Czy poprawne semantycznie będzie całkowite oddzielenie wszelkich inputów od forma i użycie na nich atrybutu form?

Mam na myśli coś w tym stylu:

        <form id="myForm" action="" method="POST"></form>

        <label><input form="myForm" type="text"></label>
        <label>
            <select form="myForm">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
        </label>
        <label><input form="myForm" type="text"></label>

 

Comments

aż dam Ci plusa, gdyż nie słyszałem o tym atrybucie, a może mi często bardzo fajnie pomóc :)

Co do semantyki... to nie wiem, ale myślę, że jak nie musisz używać poza tagiem <form> inputów to tak nie rób...

Ja np. bym to potrzebował, aby za dużo nie zmieniać w kodzie, to wystarczy że dodam taki atrybut i zaoszczędzam tworzenia kilku plików kodu to się opłaca

---

Dziękuję bardzo :D Ja też nie słyszałem, niedawno na stacku o nim się dowiedziałem :D

Pytam, bo przydałoby się mi to w jednym projekcie - inputy do jednego forma mam w 2 sekcjach. Nie ukrywam, że jakbym tag <form> wywalił gdzieś na początek, a potem dał te inputy z tymi opcjami to pomogłoby to bardzo.

Answer 1

Wydaje mi się, że nie, po co w ogóle taki zabieg?

Inputy są z pewnością częścią formy, zakładając że forma to sekcja to jak najbardziej powinny się w niej znajdować. Ja bym podniósł jednak kwestie tagu label

The HTML <label> element represents a caption for an item in a user interface.

Jak wyżej, label jest legendą(?) - opisem twojego inputa, więc wypadało by ten opis gdzieś zawrzeć. Można by go prównać do paragrafu z dodatkową funkcją więc nic nie stoi na przeszkodzie by je oddzielić od tagu input.

Comments

Tak wiem o tym z etykietami, to był na szybko napisany kod do wyjaśnienia sprawy.

Zabieg taki byłby mi bardzo pomocny w jednym projekcie - po prostu :D Inputy do jednego formularza mam rozmieszczone w 2 sekcjach.