placeholder

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] placeholder

    Bonjour,
    Si tout fonctionne bien avec Internet explorer, le contenu placeholder de mes champs texte ou textarea ne disparaissait pas quand on cliquait dans le champ ...
    Pour Mozilla, j'ai résolu le problème avec le css suivant dans custom.css :

    input:focus::-moz-placeholder {
    color: transparent !important;
    }

    Hélas, rien ne change pour google Chrome (en remplaçant moz par webkit bien sûr)

    Quelqu'un aurait-il solutionné le même type de problème ?
    D'avance merci
    Bonne continuation
    Eric

  • #2
    Re : placeholder

    Merci de votre intérêt J'essaie de répondre depuis l'appli sur mon smartphone en attendant de faire mieux ...
    Sur ce site : forumatice.fr, le placeholder (rechercher...) ne s'efface pas quand on clique dans le champ de recherche
    Et cela sous Mozilla ou Chrome. (Ça marche bien avec ie...)

    Si j'ajoute le css dans le premier post, la modif sera efficace pour Firefox mais ça ne marchera pas en l'adaptant pour Chrome ... Bizarre non ?

    Commentaire


    • #3
      Re : placeholder

      Bonjour,
      @esinet .... il s'efface dès que tu tapes dans le champs
      Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
      Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

      Commentaire


      • #4
        Re : placeholder

        Merci de vos retours très surprenants ... euh ... avec quel navigateur ?
        je suis sous win 7 avec firefox 4.6.1 ou chrome 50.0...
        Très étrange ...
        Dernière édition par esinet à 13/05/2016, 08h21

        Commentaire


        • #5
          Re : placeholder

          Bonjour esinet. Perso j'utilise aussi des placeholders dans les développements et je n'ai pas rencontré le problème que tu mentionnes.

          Ton site est-il en ligne ainsi nous pourrions afficher ton formulaire et te dire si nous avons le même problème que toi.

          Sur mon site (voir ma signature) tu trouveras une demo de mon logiciel avec des placeholders... Si tu le souhaites va voir si tu rencontres le même problème.

          Bonne journée
          Christophe (cavo789)
          Mon blog, on y parle Docker, PHP, WSL, Markdown et plein d'autres choses : https://www.avonture.be
          Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)​

          Commentaire


          • #6
            Re : placeholder

            Bonjour,
            En repartant d'une simple page html, j'ai le même problème d'affichage ...
            <body>
            <form>
            <input type="text" placeholder='hello'/> <br />
            <textarea placeholder='hello'></textarea>
            </form>
            </body>

            j'ai réussi à supprimer l'affichage du hello placé dans les placeholder avec le code css suivant pour mozilla ou chrome :
            input:focus::-moz-placeholder
            {
            color:transparent !important;
            }
            :focus::-webkit-input-placeholder
            {
            color:transparent !important;
            }

            Ce qui est très étrange c'est que la syntaxe est différente pour moz et webkit.
            Ce qui serait drôle (ou plutôt très énervant) ... serait que ça ne marche pas chez vous ...

            Voici les deux sites où j'ai ajouté le css dans mon custom.css :
            forumatice.fr
            ou
            https://pedagogie.ac-reims.fr/

            En tout cas un grand merci à tous pour votre réactivité.

            Commentaire


            • #7
              Re : placeholder

              Je viens de tester pedagogie, je vois que tu as trois zones de formulaire à la droite de l'écran (page d'accueil). J'y vois les placeholder et quand je clique sur les champs, ils disparaissent comme prévu.

              Testé sous FF et Chrome.
              Christophe (cavo789)
              Mon blog, on y parle Docker, PHP, WSL, Markdown et plein d'autres choses : https://www.avonture.be
              Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)​

              Commentaire


              • #8
                Re : placeholder

                Super,
                Merci pour la vérification! je garde le sourire :-)
                Bonne continuation et bonne fin de semaine

                Commentaire


                • #9
                  Re : placeholder

                  Hello,
                  Je viens de l'essayer avec Safari IOS : pas de problème.

                  Commentaire


                  • #10
                    Re : placeholder

                    Merci à tous pour vos vérifications

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X