为什么PHP无法识别type='button'的input元素点击提交事件？

根本原因 #

• 你代码中calculateBtn对应的input元素type属性设置为了button，这类普通按钮默认不会触发表单提交动作，点击后不会向后端发送POST请求，运行在服务端的PHP自然无法接收到$_POST['calculateBtn']参数，判断条件不成立就不会执行对应输出逻辑。
• 只有type为submit的表单元素，点击后才会自动把表单内的参数按照指定的method发送到后端地址，触发PHP代码执行。

修复方法 #

方案1：直接修改按钮类型（最简方案） #

将按钮的type属性从button改为submit即可，修改后的按钮代码如下：

<input name="calculateBtn" value="change the value" type="submit">

修改后点击按钮会自动提交表单，PHP即可正常识别参数并输出ok。

方案2：保留button类型，添加JS触发提交 #

如果业务需要必须保留type="button"属性，可以给按钮添加点击事件手动触发表单提交：

<input name="calculateBtn" value="change the value" type="button" onclick="this.form.submit()">

补充注意点 #

你当前代码里的文本输入框没有设置name属性，如果后续需要获取用户输入的内容，需要给该输入框添加name属性，否则PHP无法通过$_POST拿到对应输入值，示例：

<input id="input" name="user_input" type="text">

内容的提问来源于stack exchange，提问作者christy