Twitter Bootstrap HTML表单单选按钮无法使用PHP POST

时间:2013-03-04 14:45:01

标签: php html twitter-bootstrap radio-button

由于某些原因,在使用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中无效。

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

1 个答案:

答案 0 :(得分:0)

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

使用以下代码(我添加了一个提交按钮),代码在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 )