Это моя родительская форма parent-form.html с одной кнопкой отправки.
<form name="parent_form">
Name
<input type="text" id="name" name="name">
<input type="submit" id="submit" type="button" value="Submit"></button>
</form>
<iframe src="iframe_form.html" id="iframe_id" name="iframe_name"></iframe>
Это моя iframe-форма iframe_form.html с одним полем в ней.
<form name="iframe_form">
Address
<input type="text" id="address" name="address">
</form>
Я хочу представить как поле адреса iframe, так и поле имени родительской формы, нажав кнопку отправки родительской формы.
Были и другие сообщения, но ни один из них не был применим с простым методом.
В iFrames нет ничего плохого, но в этом случае это не эффективно или просто.
Если вы хотите избежать проблемы с кадрами и формами, используйте прокручиваемое подразделение:
<div id="scrollcontent1" style="overflow-y: scroll; height:100px;">
Address: <input type="text" id="address" name="address">
</div>
Если вы хотите иметь более одного на своей странице, используйте последовательность из них, удостоверяясь, что идентификатор имеет другое имя для каждого. Затем вы можете динамически представить то, что вам нужно, используя visible
свойство и любые триггеры javascript, которые вы хотите. Убедитесь, что вы задали свойство height
и если вы хотите, чтобы обе полосы прокрутки присутствовали, используйте overflow
вместо overflow-y
. Это простое решение, и оно позволяет избежать головных болей jquery, а также iframes.
Я надеюсь, вы получите лучший пробег из полезного ответа, чем и снобистский "задайте правильный вопрос".