En html5 pour définir une case à cocher comme bagage, dois-je simplement utiliser vérifié ( en tant que propriété) ou checked=“checked” ( comme un attribut)?

Actuellement dans notre plugin, nous avons établi les cases à cocher vérifié par la mise en

<input type="checkbox" checked="checked" />

C'était pour préserver la compatibilité xhtml. Je suis de plus en plus utilisé pour le réglage vérifié comme une propriété

<input type="checkbox" checked />

Quelle est la bonne manière de procéder en html5?Doit-on toujours se soucient de compatibilité xhtml?

  • Notez que vous n'avez pas besoin de la /> en HTML5, soit.
  • Ce n'est pas une propriété, c'est encore un attribut. Vous êtes seulement à la définition de la propriété si vous le faites dans un script, ou n'importe où d'autre qui l'appelle d'une propriété. Mais en HTML et des balises XML, il est appelé un attribut.
InformationsquelleAutor Nicola Peluchetti | 2012-09-08
  1. 39

    C'est un attribut dans les deux cas. Et il définit une valeur (de la même valeur, true) sur une propriété DOM de l'élément de nœud dans les deux cas.

    Pour la plupart des fins, il n'est pas question que la syntaxe que vous utilisez. Cependant, il y a quelques points à noter:

    • Si vous utilisez HTML5 dans la sérialisation XML (“XHTML5”), vous devez utiliser checked="checked".
    • Dans le style, la syntaxe ne sont pas tout à fait équivalent lors de l'utilisation de sélecteur d'attribut (le plus court formulaire ne correspond pas [checked=checked]), mais cela n'a pas d'importance dans la pratique: [checked] correspond coché des cases à cocher dans les deux cas.
    • La syntaxe maladroite checked="checked" est un vestige de SGML et inclus pour la compatibilité, de sorte qu'il peut rendre votre code à l'ancienne (qui rarement des questions).
    • Était que de la syntaxe, un vestige de SGML qui a été faite en XHTML (par opposition à XML)?
    • Le checked="checked" syntaxe a été transporté à l'XML en tant que bien. HTML5 n'est pas basée sur SGML ou XML, de sorte qu'il peut définir sa propre syntaxe d'une façon plus naturelle: un “Boolean” attribut est juste un nom (sans avoir besoin de l'expliquer comme une forme réduite de la syntaxe nom=valeur).
    • Lors de l'utilisation de jQuery pour définir un attribut, vous aurez à appeler .prop('checked', 'checked') parce que prop('checked') sera bien évidemment de récupérer uniquement l'état de la case à cocher et attr ne fonctionne pas. [Attributs vs Propriétés: api.jquery.com/prop ]
    InformationsquelleAutor Jukka K. Korpela
  2. 25
    <!-- Default to unchecked -->
<input type="checkbox">

<!-- Default to checked, XHTML -->
<input type="checkbox" checked="checked" />

<!-- Default to checked, HTML5 -->
<input type="checkbox" checked>

    Source: http://css-tricks.com/indeterminate-checkboxes/

    InformationsquelleAutor
  3. 11

    Checked est un attribut booléen en HTML 5. Une vraie valeur est indiquée par l'attribut est présent, et la valeur false est indiqué par son absence. S'il est présent, sa valeur doit être vide ou l'ensemble du nom de la propriété checked="checked". L'une de ces formes sont correctes:

    <input type="checkbox" checked="checked" />
<input type="checkbox" checked>

    https://www.w3.org/TR/html5/infrastructure.html#sec-boolean-attributes

    • Fait. Dans l'avenir, n'hésitez pas à faire des modifications comme vous-même. La Collaboration est ce qui rend les réponses sur ce site génial.
    • Je n'avais pas remarqué que! Merci pour l'information @jncraton!
    • C'est l'un des meilleurs exemples de pourquoi le design (échec) par le comité peut être une mauvaise chose. Vrai/faux pour la valeur fait sens intuitif, mais je suppose que le W3C ne pense pas que c'était assez déroutant.
    InformationsquelleAutor jncraton
  4. 5

    Vous vous souciez de XHTML-compatibilité HTML5, si vous créez des documents qui utilisent le XHTML sérialisation de HTML5, soit exclusivement en servant le document avec un application/xhtml+xml type mime, ou la création d'un polyglotte document qui peut être servi comme application/xhtml+xml ou text/html (le "normal" html mime-type).

    Si vous êtes seulement en utilisant text/html, alors vous n'avez pas besoin de se soucier de syntaxe XHTML. Cependant, vous peut utilisation de XML-style de fermeture automatique de la syntaxe lors de l'incorporation de SVG ou MathML dans votre page. (SVG est largement pris en charge dans les navigateurs les plus récents, MathML moins.) Vous pouvez également utiliser /> à la fin vide des éléments HTML meta, link, entrée, img etc, mais cela n'a pas d'effet différent de l'utilisation de > de mettre fin à ces éléments.

    Un mineur commentaires sur la terminologie. Dans le balisage, dans le langage courant, soit checked ou checked="checked" est un "attribut". Une "propriété", c'est autre chose.

    InformationsquelleAutor Alohci