HTML form表单如何实现回车或者点击按钮，表单提交并且页面不刷新

最新推荐文章于 2023-12-27 23:32:03 发布

原创最新推荐文章于 2023-12-27 23:32:03 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一种利用HTML中的iframe元素实现表单提交的方法。通过将表单的target属性设置为特定的iframe名称，可以实现在后台无声地提交表单数据，而不会引起页面跳转或刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用iframe标签，将表单提交的数据提交到iframe里面

<div class="nav-search"> 
				<iframe name='forsubmit' style='display: none;'></iframe>
				<form target="forsubmit">
					<div class="inp">
						<input v-model="message" type="text" name="" size="22" maxlength="60" placeholder="输入文本地址">
					</div>
					<div id="transfer" class="inp-btn">
						<input @click='transfer' type="submit" name="" value="转换">
					</div>
				</form>
				<div class="clear-float"></div>
			</div>