PHP -无法监听提交按钮按下
PHP -无法监听提交按钮按下
提问于 2014-03-17 16:52:48
我正在尝试构建一个简单的HTML表单，它分布在两个页面上。第一页询问用户的姓名。第二页询问他的国家&他是否想得到更多的信息。
第一页有一个名为"Next“的按钮，用于进入第二页。第二页有两个按钮，分别命名为" next“以转到下一页(目前不存在)和" back”返回到第一页。
在第一页，当我单击“下一步”按钮时，什么都不会发生。怎么才能点击下一页呢？
这是我的代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<?php
if(!isset($_POST['next1']))
Display1();
else if(isset($_POST['next1']))
Display2();
else if(isset($_POST['back1']))
Display1();
?>
<?php
function Display1()
{
?>
<form id="form1" action="Multi.php" method="post">
<label>Enter First Name: </label>
<input type="text" name="text1" />
<br />
<br />
<label>Enter Last Name: </label>
<input type="text" name="text2" />
<br />
<br />
<input type="button" name="next1" value="Next" />
<?php
}
function Display2()
{
?>
<form id="form2" action="Multi.php" method="post">
Select Country
<select name="country[]" multiple="multiple">
<option value="India">India</option>
<option value="USA">USA</option>
<option value="China">China</option>
</select>
<br />
<br />
Do you want to receive latest info ?
<input type="checkbox" name="checkbox1[]" />Yes
<br />
<br />
<input type="button" name="next2" value="Next" />
<input type="button" name="back1" value="Back" />
<?php
}
?>
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2014-03-17 16:55:08
输入类型需要“提交”。
<input type="submit" name="next1" value="Next" />因此，对于所有具有“按钮”的输入，您需要更改为“提交”。
Stack Overflow用户
发布于 2014-03-17 17:14:51
作为对Abhik答案的补充。
<input type="button">只是一个可点击的输入。当您想要调用JS脚本时(主要是)使用它。因此，如果出于某种原因，您希望使用这个方法，而不是Abhik提供的更简单的解决方案，那么继续添加一个onclick事件处理程序。
<input type="button" onclick="document.getElementById("form1").submit();">您也可以使用<button>，但请确保总是指定type。其优点是它们提供了更高程度的定制。基本上，您可以将HTML放入<button>标记中。
所以也试着：
<button type="submit" value="Next">Next</button>其他类型的按钮是(源：w3schools.com)：
- 按钮:按钮是一个可点击的按钮。
- 提交:按钮是提交按钮(提交表单数据)。
- 重置:该按钮是一个重置按钮(将表单数据重置为其初始值)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22460433
复制相关文章
相似问题
腾讯云开发者
