Twitter Bootstrap HTML 表单单选按钮不适用于 PHP POST

Posted 2023-03-05

【中文标题】Twitter Bootstrap HTML 表单单选按钮不适用于 PHP POST

【英文标题】：Twitter Bootstrap HTML form radio button not working with PHP POST

【发布时间】：2013-02-18 16:42:11

【问题描述】：

由于某种原因，在使用 Twitter Bootstrap 框架时，我的表单中的单选按钮值未传递到某些 Web 浏览器上的表单 php 脚本。

表格：

<form action="" method="post">  
<li class="stream-item stream-header search-input-item">
<span class="add-on"><i class="icon-search"></i></span>
<input type="text" class="input-xxlarge" id="appendedInputButton" autocomplete="off" name="q">
<button class="btn btn-primary" type="submit">Search</button>
</li>
</div>
<p></p>
<label class="radio">
  <input type="radio" name="opt" value="1" checked>
  Option 1
</label>
<label class="radio">
  <input type="radio" name="opt" value="2">
  Option 2
</label>

</form>

这个用于收集变量的 PHP 代码是一个简单的行：

$option = $_POST['opt'];

这种方法在 Chrome 上工作得很好，但在 IE、Firefox 或 Opera 中却不行。

任何人都可以对此有所了解吗？

【问题讨论】：

在您的代码中，action="" - 它应该指向您的脚本。

对我来说到处都有工作，有什么问题吗？发布您的 php 代码

@Calle 我确定脚本正在提交给自己，在这种情况下，通常会将其留空。

我省略了 action="script"

什么是“某些网络浏览器”？用form.php 填充script，其中包含在Chrome、FireFox 和Opera 中输出Array ( [q] => [opt] => 1 ) 的echo '<pre>'; print_r($_POST); echo '</pre>';。

【参考方案1】：

您是如何提交数据的？我看不到提交按钮。

使用以下代码在 FF 中对我来说可以正常工作（注意我添加了一个提交按钮）：

<form action="" method="post">  
<li class="stream-item stream-header search-input-item">
<span class="add-on"><i class="icon-search"></i></span>
<input type="text" class="input-xxlarge" id="appendedInputButton" autocomplete="off" name="q">
<button class="btn btn-primary" type="submit">Search</button>
</li>
</div>
<p></p>
<label class="radio">
  <input type="radio" name="opt" value="1" checked>
  Option 1
</label>
<label class="radio">
  <input type="radio" name="opt" value="2">
  Option 2
</label>

<input type="submit" name="submit" value="submit" >

</form>

print_r($_POST) 的结果；

Array ( [q] => [opt] => 1 [submit] => submit )