Rumah > hujung hadapan web > html tutorial > 分享Form提交表单后页面刷新不跳转的图文详解

分享Form提交表单后页面刷新不跳转的图文详解

零下一度
Lepaskan: 2017-06-27 14:47:56
asal
3425 orang telah melayarinya

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ":www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="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>
Salin selepas log masuk

运行结果 
(1)输入“451”,单击“提交” 

微信截图_20170627144651.png

(2)输入“45464646”,单击“提交” 

微信截图_20170627144744.png

页面提交刷新,不跳转


Atas ialah kandungan terperinci 分享Form提交表单后页面刷新不跳转的图文详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan