'Oui ou non?'

Sara Soueidan creuse dans cette situation HTML / UX. «Oui» ou «Non» est une situation booléenne. Une case à cocher représente ceci: elle est sur ou désactivée (euh, principalement). Mais une case à cocher est-elle toujours la meilleure UX? Cela dépend, bien sûr:

Utilisez des boutons radio si vous vous attendez à ce que la réponse soit également distribuée. Si je m'attends à ce que la réponse soit fortement biaisée à une réponse, je préfère la case à cocher. De cette façon, l'utilisateur fait une déclaration explicite ou reconnaît simplement la réponse attendue.

Si vous voulez une réponse en béton, délibérée et explicite et ne voulez pas de sélection par défaut, utilisez des boutons radio. Une case à cocher a un état par défaut implicite. Et l'utilisateur peut être biaisé à l'option par défaut. Sohaving l'exigence d'un «non» explicite est le facteur déterminant.

Vous avez donc l'approche de la case à cocher:

 
  <entr type="Checkbox">
  Oui?
 label></entr>

Ce qui est agréable et compact, mais vous ne pouvez pas le faire «requis» (facilement) car il est toujours dans un état valide.

Donc, si vous devez forcer un choix, les boutons radio (sans défaut) sont plus faciles:

 
  <input type="radio" name="choix-radio">
  Oui
 label>

  <input type="radio" name="choix-radio">
  Non
 label>

Je veux dire, nous pourrions aussi bien considérer une autre une entrée de plage, ce qui peut fonctionner comme une bascule si vous le maximale à 1:

  oui ou non? 
<span aria-hidden="true"> non </span>
<input type="range" max="1" name="choix">
<span aria-hidden="true"> oui </span>

Lolz.

Et je suppose qu'un pourrait également forcer un choix d'utilisateur, non?

 
  Oui ou non?
  
    <option value=""> ---  Option>
    </option><option value=""> Oui  Option>
    </option><option value=""> Non  Option>
  
 label></option>

Je ne déteste étrangement pas cela uniquement parce que les sélections sont si compactes et styléables.

Si vous voulez vraiment vous arrêter et faire réfléchir à quelqu'un, faites-le le taper, non?

 
  Tapez "oui" ou "non"
  <input type="text" pattern="[yy] es | [nn] o">
 label>

Ha.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!