campo de entrada html FUERA del formulario

Question

Tengo un formulario con un conjunto de entradas, y quiero que mi página se actualice cuando una de ellas cambie. Tengo un segundo conjunto de entradas en el otro lado de la página, y el diseño CSS no hace que sea conveniente para mí ponerlas en la misma etiqueta <form></form>. Me preguntaba si hay una manera de asegurarme de que las "entradas" que se encuentran fuera de la etiqueta <form> sigan estando asociadas con ese formulario. ¿Hay alguna forma en que podamos asignar un "id de formulario" a las entradas?

Cualquier ayuda sería muy apreciada.

Gracias!

Answer 1

En HTML5, puede utilizar la form attribute:

Un elemento de forma asociada es, por defecto, asociados con su elemento de formulario antepasado, pero puede tener un atributo de forma que se especifica a anular este.

Si un elemento asociado al formulario tiene un atributo de formulario especificado, entonces el valor de ese atributo debe ser el ID de un elemento del formulario en el documento propietario del elemento.

Ejemplo:

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

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

No obstante, usted debe asegurarse de que está claro para el usuario que estos elementos de forma visualmente separados están de hecho conectados.

Answer 2

<input type="text" form="myform" /> funcionó para mí.

actualización
Esto funcionó muy bien con Firefox, sin embargo me dio problemas en el IE 11 como la forma atributo no se reconoce con IE (como de escribir esto).

Tenía que establecer un campo de entrada oculto dentro del formulario y transferir el valor al campo de entrada oculto desde la entrada fuera del formulario; con onclick usando jQuery.