Masquage des champs de saisie de type='hidden' vs l'aide d'une classe avec display:none

Il y a plusieurs champs de formulaire masqués sur mes pages qui sont utilisés pour transmettre les données côté serveur. À des fins de débogage, je pense qu'il est plus facile de cacher tous les champs de saisie simplement en les faisant tous partie de la classe caché que la définition de la type=attribut caché sur chaque champ de saisie.

Chaque fois que j'ai besoin de debug, j'ai pu facilement modifier l'attribut "class" pour entrer en mode de débogage. Bien sûr, les deux approches de travail dans la clandestinité les champs de saisie, mais je ne suis pas sûr de la raison pour laquelle cette approche(en cachant par classe) n'est pas largement utilisé dans la vie réelle. Pouvez-vous jeter un peu de lumière sur ce qui doit être préférée à l'approche ?

pour ceux qui ont voté pour fermer veuillez également indiquer pourquoi ce n'est pas une bonne question, ou au moins comment améliorer ma question

OriginalL'auteur Rajat Gupta | 2012-11-16

  1. 10

    <input type="hidden"> ne déclenchent pas la validation de la saisie, la saisie semi-automatique, et d'autres d'interaction de l'utilisateur liées à des événements. Il est conçu pour enregistrer des données brutes, sans que l'utilisateur entrée directe.

    Mais un <input type="text">, visuellement caché, vont encore être considérée comme une interaction de l'utilisateur du composant. Et sur certains appareils activés aide visuelle, c'est pas caché, et ne peut pas fournir la consistance que vous attendiez. C'est pourquoi il n'est pas préféré faire.

    Par exemple. un <input type="hidden"> ne sera pas automatique complète de soi, ou de préserver la saisie des données avant l'actualisation d'une page, ou d'empêcher le formulaire à être soumis à un échec de la validation du type de ne peut même pas être vu.

    OriginalL'auteur xiaoyi

  2. 8

    Le CSS approche est mauvais pour la convivialité et l'accessibilité. Penser à quelqu'un avec CSS désactivé (très vieux téléphones mobiles, les gens avec un lecteur d'écran), ils ne seront pas rendre votre CSS comme vous vous en doutez, et l'entrée avec l'ensemble de sa gloire sera affiché à l'utilisateur.

    Cachée d'entrée doit être utilisé pour implicite de la saisie de l'utilisateur, un sens, une entrée qui viendrait de l'utilisateur, mais est implicite et n'a pas besoin d'être saisies manuellement.

    Votre question tombe plus sur le type="hidden" approche.

    OriginalL'auteur Madara Uchiha

  3. 2

    Je vous recommande d'utiliser <input type="hidden" /> parce que c'est la façon standard de HTML de tenir un utilisateur de la valeur d'entrée. Si vous utilisez un autre attribut pour type et de le cacher avec css, un problème peut survenir est que lorsque le css ne se charge pas, le input control.

    pourquoi les votes contre?

    OriginalL'auteur Hoang Huynh

  4. 1

    Je pense que votre question est sur la meilleure approche pour le débogage des champs de formulaire. Je recommande de garder leur type='hidden' dans votre code HTML. C'est le meilleur pour vous, pour vos utilisateurs et pour l'interprétation sémantique de la page.

    Au lieu de cela, utilisez un outil comme le Outils De Développement Chrome faire votre débogage. Cela vous permettra de voir facilement les valeurs des champs cachés.

    OriginalL'auteur mawcsco