1,main.jsp
<body>
<form name="form1">
<input type="text" name="main" id="mainTxt">
</form>
<iframe src="1.jsp" name="subFrame"></iframe>
</body>
2, 1.jsp
<form action="1.jsp" method="post" target="subFrame">
<input name="ck" type="checkbox" value="1" id="bb" onClick="parent.document.getElementById('mainTxt').value=forms[0].ck.value;">
<input type="submit" value="submit">
</form>
<body>
<form name="form1">
<input type="text" name="main" id="mainTxt">
</form>
<iframe src="1.jsp" name="subFrame"></iframe>
</body>
2, 1.jsp
<form action="1.jsp" method="post" target="subFrame">
<input name="ck" type="checkbox" value="1" id="bb" onClick="parent.document.getElementById('mainTxt').value=forms[0].ck.value;">
<input type="submit" value="submit">
</form>
本文介绍了一个简单的HTML页面布局案例,其中包含一个主表单与子框架之间的数据交互实现方式。通过checkbox的选择变化来更新主表单的输入框内容,并使用表单提交将数据传递到子框架中。
4793

被折叠的 条评论
为什么被折叠?



