trường nhập html OUTSIDE của biểu mẫu

Question

Tôi có biểu mẫu có bộ đầu vào và tôi muốn trang của mình làm mới khi một trong số chúng thay đổi. Tôi có một bộ đầu vào thứ hai ở phía bên kia của trang, và bố trí css không làm cho nó thuận tiện cho tôi để đặt chúng trong cùng một thẻ <form></form>. Tôi đã tự hỏi nếu có một cách mà tôi có thể đảm bảo rằng những "đầu vào" được đặt bên ngoài thẻ <form> vẫn được liên kết với biểu mẫu đó. Có cách nào chúng ta có thể gán một "id biểu mẫu" cho các đầu vào không?

Mọi trợ giúp sẽ được đánh giá cao.

Cảm ơn!

Answer 1

Trong HTML5, bạn có thể sử dụng form attribute:

Một yếu tố hình thức liên quan đến là, theo mặc định, kết hợp với yếu tố hình thức tổ tiên của nó, nhưng có thể có một thuộc tính hình thức quy định để ghi đè này.

Nếu phần tử liên quan đến biểu mẫu có thuộc tính biểu mẫu được chỉ định, thì giá trị của thuộc tính đó phải là ID của phần tử biểu mẫu trong Tài liệu chủ sở hữu của phần tử.

Ví dụ:

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

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

Tuy nhiên bạn nên chắc chắn rằng nó là rõ ràng đối với người dùng là các yếu tố hình thức tách ra thị được trong thực tế kết nối.

Answer 2

<input type="text" form="myform" /> làm việc cho tôi.

Cập nhật
này làm việc tuyệt vời với FireFox, tuy nhiên đã cho tôi gặp khó khăn trong IE 11 là thuộc tính hình thức không được công nhận với IE (như viết này).

Tôi phải thiết lập trường nhập ẩn bên trong biểu mẫu và chuyển giá trị sang trường nhập ẩn từ đầu vào bên ngoài biểu mẫu; với onclick sử dụng jQuery.