Entrée "A, B ou none" pour les formulaires HTML

Question

J'ai un cas où je veux autoriser une variable de formulaire à être définie sur l'un d'un ensemble de valeurs (dans mon cas actuel vrai/faux) ou laissé non défini (dans Dans ce cas, aucune valeur n'est renvoyée plutôt qu'une valeur «aucun» ou un blanc. Une case à cocher peut donner le bit unset mais seulement une valeur de set. Un élément radio pourrait fonctionner, en quelque sorte. Mais une fois qu'une valeur est sélectionnée, il n'y a aucun moyen de revenir en arrière. Toutes les autres entrées que j'ai regardées définissent toujours la variable, peu importe quoi. Est-ce que je manque quelque chose ou est-ce que je vais devoir accepter une solution moins qu'idéale?

Answer 1

Mettez trois radios: A, B et Aucun

Answer 2

Faites un 'menu déroulant' comme indiqué ici: http://www.echoecho.com/htmlforms11.htm

Créer la valeur par défaut comme 'Aucun' suivi par l'option A et l'option B.

Answer 3

Qu'en est-il une liste déroulante avec

---Please Select--- 
Option A 
Option B 

J'ai postulez à un grand nombre d'emplois en ligne ces derniers temps, et ce sont les gens de la route ont pris en général.

Answer 4

Une boîte déroulante fonctionnerait-elle?

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

Answer 5

Trois boutons radio ou un <select> avec trois <option> fera.

Answer 6

Vous auriez besoin d'utiliser du javascript. Si vous avez jQuery il y a plusieurs plugins de checkbox à trois états.

Par exemple: http://plugins.jquery.com/project/tristate-checkbox

Il y a aussi probablement des scripts non jQuery si vous Google pour "état tri case"

Par exemple: http://caih.org/open-source-software/tri-state-checkbox-in-javascript/

Answer 7

En utilisant 3 boutons radio dans un groupe, vous pourriez cachez le premier bouton radio 'none' avec CSS (visibility:hidden; ou display:none;), et si c'est celui sélectionné lors de la validation de votre formulaire, alors l'utilisateur n'a choisi aucune des vraies ou fausses radios.

EDIT (commentaires post):

Si personne Javascript est une exigence, vous pouvez conditionnellement appliquer une classe « hideableItem » à la radio cachée, si le script est désactivé le pire que vous obtiendrez est 3 la radio pour l'utilisateur à choisir, comme d'autres l'ont décrit. Si JS est activé, la radio par défaut est masquée et fournit le comportement que j'ai décrit.

La cachette conditionnelle si JS est dis/technique activée est décrite ici: http://lucassmith.name/2008/10/script-to-add-css-only-when-javascript-is-available.html

Je l'utilise tout le temps, son grand.