PHP如何获取表单内type为button的按钮值并写入数据库？

问题原因 #

你的代码存在几个核心问题导致无法获取按钮值：

• <input type="button"> 属于普通交互按钮，默认不会携带值随表单提交，只有可提交类表单元素才会被序列化上传
• 「Create account」提交按钮放在了<form>标签外部，点击时无法触发对应表单的提交动作
• 表单未指定method="post"，默认使用GET请求，PHP中用$_POST自然无法获取参数
• PHP语法存在错误：!empty['button']应为!empty($_POST['button'])，同时INSERT SQL语句语法不规范

可行解决方案（保留按钮外观，无需修改交互逻辑） #

推荐使用隐藏域存储选中值+按钮绑定点击事件的方案，完全保留原有按钮展示效果，同时兼容你先选择、再填写其他信息、最后提交创建账户的流程：

前端代码示例 #

<!-- 表单指定post提交方式，action填你的处理接口地址 -->
<form method="post" action="">
  <!-- 隐藏域用于存储用户选中的按钮值，随表单一起提交 -->
  <input type="hidden" name="selected_btn" id="selected_btn" value="">
  
  <!-- 选项按钮，可自定义CSS完全还原你需要的展示效果 -->
  <input type="button" value="0" class="option-btn" data-val="0">
  <input type="button" value="1" class="option-btn" data-val="1">
  <input type="button" value="2" class="option-btn" data-val="2">
  
  <!-- 其他表单字段（比如账号、密码输入框）可以放在这里 -->
  
  <!-- 提交按钮放到form内部，指定为submit类型 -->
  <button type="submit" name="create_account">Create account</button>
</form>

<script>
const optionBtns = document.querySelectorAll('.option-btn');
const selectedInput = document.getElementById('selected_btn');

optionBtns.forEach(btn => {
  btn.addEventListener('click', function() {
    // 将当前选中的按钮值写入隐藏域
    selectedInput.value = this.dataset.val;
    // 可选：添加选中状态样式，方便用户区分当前选择
    optionBtns.forEach(b => b.classList.remove('selected'));
    this.classList.add('selected');
  })
})
</script>

你可以通过自定义.option-btn和.selected的CSS样式，1:1还原你需要的按钮展示效果，完全不需要用单选框的默认样式。

后端PHP处理代码示例 #

<?php 
// 判断表单提交且用户已选中选项
if (isset($_POST['create_account']) && !empty($_POST['selected_btn'])) {
    $btn_val = intval($_POST['selected_btn']);
    // 修正SQL语法，指定插入字段
    $sql = "INSERT INTO 你的表名 (btn_value) VALUES (:value)";
    $stmt = $conn->prepare($sql);
    $stmt->bindParam(':value', $btn_val, PDO::PARAM_INT);
    $stmt->execute();
}
?>

内容的提问来源于stack exchange，提问作者Sofía González