HTML表单的“A,B或none”输入

时间:2010-11-03 21:31:58

标签: html forms input

我有一种情况,我希望允许将表单变量设置为一组值中的一个(在我当前的情况下为true / false)或者保留未设置(在这种情况下,不返回任何值而不是某些'none '价值或空白)。复选框可以给出未设置的位,但只能给出一个设置值。无线电元素可以起作用。但是一旦选择了一个值,就无法回到未设置状态。我看过的所有其他输入总是设置变量,无论如何。

我错过了什么,或者我只是不得不接受一个不太理想的解决方案?

7 个答案:

答案 0 :(得分:1)

三个单选按钮或<select>有三个<option>即可。

答案 1 :(得分:0)

放三个无线电:A,B和无

答案 2 :(得分:0)

执行“下拉菜单”,如下所示:http://www.echoecho.com/htmlforms11.htm

将默认值设置为“无”,然后选项A,然后选项B。

答案 3 :(得分:0)

带有

的下拉列表怎么样?
---Please Select---
Option A
Option B

我最近在网上申请了很多工作,这是人们通常采取的路线。

答案 4 :(得分:0)

下拉框会有效吗?

<select name="choices">
  <option>(None)</option>
  <option value="a">Choice A</option>
  <option value="b">Choice B</option>
</select>

答案 5 :(得分:0)

您需要使用一些JavaScript。如果你有jQuery,有几个三态复选框插件。

例如:http://plugins.jquery.com/project/tristate-checkbox

如果你谷歌为“三态复选框”

,也可能有非jQuery脚本

例如:http://caih.org/open-source-software/tri-state-checkbox-in-javascript/

答案 6 :(得分:0)

在一个组中使用3个单选按钮,您可以使用CSS(visibility:hidden;display:none;)隐藏第一个“无”单选按钮,如果这是在表单验证期间仍然选择的那个,那么用户没有选择真假无线电。

编辑(发表评论):

如果不需要Javascript,那么你可以有条件地在隐藏的无线电上应用'hideableItem'类,如果禁用脚本,你会得到的最差的是3个无线电供用户选择,正如其他人所描述的那样。如果启用了JS,则隐藏默认无线电并提供我所描述的行为。

如果JS是dis / enabled技术的条件隐藏,请在此处描述:http://lucassmith.name/2008/10/script-to-add-css-only-when-javascript-is-available.html

我一直都在使用它,很棒。