html5: la Signification de l'attribut nommé nécessaire dans la case à cocher/radio

Sur le formulaire de soumission, comment pourriez-vous éventuellement marquer une case à cocher/radiobutton comme il se doit?

Source d'inspiration: Pekka's réponse à un question

InformationsquelleAutor naveen | 2011-02-04
  1. 23

    Requis de cases à cocher ne sont pas inhabituelles. Pratiquement chaque formulaire d'inscription utilise une certaine forme de "j'ai lu et accepter la Convention d'utilisation" case à cocher.

    Si vous avez de l'Opéra de pratique d'essayer le code ci-dessous. La forme ne se soumettent pas à moins que la case est cochée.

    HTML:

    <!doctype html>
<html>

<head>
  <title>html5</title>
</head>

<body>
  <h1>html5 test</h1>
  <form action="/">
    <input type="checkbox" required="required" id="cb" name="cb">
    <label for="cb">required checkbox</label>
    <input type="submit">
  </form>
</body>

</html>

    • Vous n'avez pas besoin required="required", tout en ajoutant required est assez.
    • required="required" est valide XHTML bien. Un attribut doit avoir une valeur.
    • XHTML n'est pas une exigence de HTML5
    • naveen, bro vous avez raté cette raison même des programmeurs expérimentés ont tendance à oublier ou d'ignorer certaines choses en commun, tout en travaillant et ayant plus de questions comme le flux et le comme. 🙂 Chaque programmeur visages des erreurs logiques. naveen, je vous remercie de votre question aidé moi-même. je travaillais sur un projet. ne R & D environ attribut obligatoire et maintenant je m'en souviens. eh bien tout le monde, y compris les commentaires de Emily, Ben, @leggetter et Neil partagé des informations utiles. merci à tous.
    • Mais vous ne devez fermer votre <form> 🙂
    InformationsquelleAutor Emily
  2. 7

    Pour les cases à cocher, le meilleur moyen est sans doute de pré-sélectionner et définir sur désactivé. C'est juste une blague.

    Pour assurer un bouton radio dans un groupe a été sélectionné, commencer avec un choix par défaut ou valider à l'aide de javascript. Il n'y a pas de HTML, les façons de le faire parce que chaque sélection est valide.

    En html5, il y a un requis attribut pour les cases à cocher.

    Ils sont en quelque sorte bizarre, alors permettez-moi de citer quelque chose à expliquer comment ils fonctionnent.

    Pour les cases à cocher, l'attribut obligatoire ne sera satisfait que lorsque l'une ou plusieurs des cases à cocher avec ce nom dans ce formulaire sont vérifiées.

    Pour les boutons radio, l'attribut obligatoire ne sera satisfait que quand exactement l'un des boutons radio, la radio du groupe est cochée.

    Bien sûr, vous avez toujours à valider côté serveur parce que le client peut toujours vous envoyer tout ce qu'il désire. Il suffit d'utiliser ces méthodes pour une meilleure expérience utilisateur.

    • +1 pour la réponse. très peu probable, sauf si vous présentez un argument plus fort 🙂
    • quelles suppositions? juste mis à jour la réponse selon html5 sepcs
    • +1 les spécifications sont claires, mais c'est encore bizarre. N'a pas de sens à partir d'une INTERFACE utilisateur de point de vue.
    • Le problème avec @Joe Hopfgartner de devis, c'est qu'il vient de un actuellement unauthoritative source: whatwg.org/specs/web-forms/current-work C'est le vieux Formulaires Web 2; le haut de la doc admet qu'il a été remplacé par le HTML5. Ne basez pas vos attentes sur ce document!
    • Bien que ce que vous dites au sujet de la radio les boutons de droite (required sur un des boutons radio signifie que justement l'un des tous les boutons de la radio du même nom doit être cochée), il semble que seuls les cases à cocher avec le required attribut doit être vérifié, pas toutes les cases avec le même nom. Comme vous pouvez le voir dans ce violon, seulement les 2 premières cases doivent être cochées, non pas la troisième. Au moins dans Chrome!
    InformationsquelleAutor The Surrican
  3. 7

    J'ai testé nécessaire attribut pour les Boutons Radio aujourd'hui sur Firefox 17.0.1 sur XP SP2.

    Il semble se conformer à la spécification de nécessaire attribut pour les boutons radio/groupes. Que Firefox affiche le message "Veuillez sélectionner une de ces options." pour les deux extraits de code ci-dessous:

    Soit vous définissez nécessaire attribut pour chacun des boutons radio

    <input type="radio" name="gender" value="male" required="required" />
<input type="radio" name="gender" value="female" required="required" />

    Ou de l'Un Quelconque des éléments Radio

    <input type="radio" name="color" value="blue" />
<input type="radio" name="color" value="red" required="required" />
<input type="radio" name="color" value="green" />

    Des commentaires et des mises à jour sont les bienvenus.

    • Lien vers spécifications: w3.org/TR/html-markup/... quelqu'un Peut trouver une référence d'indiquer laquelle de ces deux styles est préféré pour le marquage d'un groupe de boutons radio comme il se doit? Je ne trouve pas cela partout.
    InformationsquelleAutor Ronnie Depp
  4. 0

    Je l'ai juste essayé sur un bouton radio dans Firefox 4. L'ajout de required à une entrée radio, puis de soumettre avant la sélection de l'une, déclenche un "s'il vous Plaît sélectionnez une de ces options" info-bulle.

    E. g. cela fonctionne:

    <input type="radio" name="gender" value="m" required />
<input type="radio" name="gender" value="f" />
    • Chrome 12 en fait de même. Safari 5 et IE 9 n'est pas. Testé sur Win7.
    InformationsquelleAutor Ben