Form提交表单页面不跳转

最新推荐文章于 2023-08-24 22:31:10 发布

最新推荐文章于 2023-08-24 22:31:10 发布 · 112 阅读

文章标签：

#xhtml

本文介绍了一个简单的HTML表单提交示例，通过iframe实现页面提交后刷新但不跳转的效果。用户可以在文本框中输入内容并提交，验证了两种不同输入情况下的表单提交行为。

1、设计源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form提交表单页面不跳转</title>
</head>

<body>
   <form action="" id="" method="post" target="id_iframe">
        <input type="text" id="input_text" name="input_text"/>
        <input type="submit" id="sobmit" name="submit" value="提交" />
   </form>
   <iframe id="id_iframe" name="id_iframe" style="display:none;"></iframe>
</body>
</html>

2、运行结果

（1）输入“451”，单击“提交”