IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Placeholder, HTML et JavaScript


Sujet :

HTML

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Independant
    Inscrit en
    Mai 2014
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Independant
    Secteur : Finance

    Informations forums :
    Inscription : Mai 2014
    Messages : 6
    Points : 7
    Points
    7
    Par défaut Placeholder, HTML et JavaScript
    Bonjour à tous,

    Je vous sollicite une nouvelle car j'aurai un grand besoin de votre aide.
    Voila un petit détail sur lequel je bloque et n'arrive pas à trouver la solution.

    Sur mon fichier index, j'ai un formulaire d'inscription de compte démo, la facile,
    mon problème vient du placeholder dans le formulaire, j'aimerai que lorsque l'utilisateur choisisse son pseudo, il y ait déjà dans l'input DEMO-(et la il rentre son pseudo),
    avec placeholder je peux mettre DEMO- mais au clic il disparait ou alors se supprime,

    j'aimerai donc pouvoir si c'est possible que l'utilisateur est obligation d'écrire juste après DEMO- , sans qu'il puisse le supprimer ni le faire disparaitre au clic.

    Auriez vous une petite astuce à me conseiller?

    Merci beaucoup par avance de votre aide.

  2. #2
    Membre averti
    Avatar de crozet.magenta
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2012
    Messages
    208
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2012
    Messages : 208
    Points : 374
    Points
    374
    Par défaut
    c'est pas un placeholder qu'il faut dans ce cas c'est value
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" value="demo-">
    mais l'utilisateur peut effacer
    sinon, ce que tu peux également faire c'est ça :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    demo-<input type='text'>
    et dans ton traitement de formulaire tu ajoutes "demo-" avant le nom rentré
    n'oubliez pas de voter si le message vous a aidé


  3. #3
    Futur Membre du Club
    Homme Profil pro
    Independant
    Inscrit en
    Mai 2014
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Independant
    Secteur : Finance

    Informations forums :
    Inscription : Mai 2014
    Messages : 6
    Points : 7
    Points
    7
    Par défaut
    Bonjour crozet.magenta,
    et merci pour ton aide,

    j'ai finalement choisit la facilité en suivant ton conseil,
    j'ai mis demo-<input type='text'> et tout fonctionnement parfaitement

    Donc un grand merci à toi

  4. #4
    Futur Membre du Club
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Octobre 2014
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2014
    Messages : 5
    Points : 8
    Points
    8
    Par défaut placeholder sur IE8 et inférieur
    Si ça peut aider quelques uns, voici un script en Jquery qui permet de simuler la fonction placeholder HTML5 à l’aide de l’attribut value ( vu que placeholder html5 ne marche pas sur IE8 et inferieur )
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
        var clearField = function ( field ) {
            if ( $(field).attr('title') == $(field).val()) {
                $(field).val('');
            };
        };
        var restoreField = function ( field ) {
            if ( $(field).val() == '') {
                $(field).val( $(field).attr('title') );
            };
        };
        $('.inputField').focus ( function () {
            clearField (this);
        });
        $('.inputField').blur ( function () {
            restoreField (this);
        });

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Insertion code html avec javascript
    Par totoranky dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 08/02/2006, 17h04
  2. Réponses: 3
    Dernier message: 28/12/2005, 16h29
  3. Faire des onglet en HTML (ou javascript ou autre..)
    Par pierrot10 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 20/09/2005, 17h17
  4. Prob de séparation du code html et javascript
    Par tsyfar dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 10/08/2005, 11h09

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo