it-swarm.com.de

HTML-Eingabefeld AUSSERHALB des Formulars

Ich habe ein Formular mit einer Reihe von Eingaben und möchte, dass meine Seite aktualisiert wird, wenn sich eine davon ändert. Ich habe einen zweiten Satz von Eingaben auf der ANDEREN Seite der Seite, und das CSS-Layout macht es mir nicht bequem, sie in das gleiche <form></form> - Tag zu setzen. Ich habe mich gefragt, ob es eine Möglichkeit gibt, um sicherzustellen, dass diese "Eingaben", die sich außerhalb des Tags <form> Befinden, noch mit diesem Formular verknüpft sind.

Gibt es eine Möglichkeit, den Eingaben eine "Formular-ID" zuzuweisen?

50
dlitwak

In HTML5 können Sie das Attribut form verwenden:

Ein formularbezogenes Element ist standardmäßig seinem Vorgänger-Formularelement zugeordnet, es kann jedoch ein Formularattribut haben, das angegeben wird, um dies zu überschreiben.

Wenn für ein formularbezogenes Element ein Formularattribut angegeben wurde, muss der Wert dieses Attributs die ID eines Formularelements im Eigentümerdokument des Elements sein.

Beispiel:

<form id="myform">
    <input id="something" type="text">
</form>

<button form="myform" type="submit">Submit that form over there</button>

Sie sollten jedoch sicherstellen, dass dem Benutzer klar ist, dass diese visuell getrennten Formularelemente tatsächlich verbunden sind.

81
You

<input type="text" form="myform" /> hat für mich gearbeitet.

pdate
Dies funktionierte hervorragend mit FireFox, gab mir jedoch Probleme mit IE 11, da das Formularattribut mit IE (zum Zeitpunkt des Schreibens dieses Dokuments nicht erkannt wird ).

Ich musste nur ein verstecktes Eingabefeld innerhalb des Formulars setzen und den Wert von der Eingabe außerhalb des Formulars in das versteckte Eingabefeld übertragen. mit onclick using jQuery.

11
eaglei22