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 :

[HTML]Bloquer l'effacement d'un champ


Sujet :

HTML

  1. #1
    Membre à l'essai
    Inscrit en
    Septembre 2006
    Messages
    25
    Détails du profil
    Informations forums :
    Inscription : Septembre 2006
    Messages : 25
    Points : 16
    Points
    16
    Par défaut [HTML]Bloquer l'effacement d'un champ
    Bonjour,

    Sur un formulaire figure un bouton RESET, qui permet de decocher des cases.
    Il figure également sur ce formulaire un champ qui contient une date affichée au chargement de la page.

    Pour l'instant, lorsque je clique sur le bouton RESET, les cases se decochent bien, mais également la date disparaitdu champ.

    Je souhaite savoir si l'on peut bloquer l'effacement de ce champ, et si oui comment faire ?
    Merci

  2. #2
    Membre averti Avatar de Hug0_76
    Profil pro
    Inscrit en
    Août 2006
    Messages
    292
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 292
    Points : 332
    Points
    332
    Par défaut
    Salut,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <form name="formulaire" action="traitement.php" method="get">
    <input type="text" value="08/09/2006" name="date" readonly>date<br>
    <input type="text" name="prenom">prenom<br>
    <input type="text" name="nom">nom<br>
    <input type="checkbox" name="choix" value="1">Choix 1<br>
    <input type="checkbox" name="choix" value="2">Choix 2<br>
    <input type="checkbox" name="choix" value="3">Choix 3<br>
    <input type="reset" value="raz"><input type="submit" value="send">
    </form>
    Avec ce code la date reste!
    Est ce que tu as essayé comme ca?

  3. #3
    Membre à l'essai
    Inscrit en
    Septembre 2006
    Messages
    25
    Détails du profil
    Informations forums :
    Inscription : Septembre 2006
    Messages : 25
    Points : 16
    Points
    16
    Par défaut
    je viens d'essayer: cela ne fonctionne pas.
    Voici la définition actuelle de ce champ:
    <input type="text" name="zonedate" size="50" onfocus = "document.forms['suivi'].elements['zonedate'].blur()" readonly

    Quelqu'un aurait-il une autre solution ?

  4. #4
    Membre confirmé
    Avatar de ilood
    Inscrit en
    Mars 2005
    Messages
    468
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 468
    Points : 529
    Points
    529
    Par défaut
    Salut

    La solution d'Hug0_76 est correcte.
    Même s'il serait mieux d'ecrire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input ... readonly="readonly">
    Il n'y a pas de value dans la définition de ton champ ?
    Comment la date est-elle inscrite ?

  5. #5
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    Pour que la valeur reste après le reset, il faut que tu définisses l'attribut value de ton input

  6. #6
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2009
    Messages : 1
    Points : 1
    Points
    1
    Par défaut
    Salut à tous,

    pour bloquer l'effacement d'un champ (de type input), il suffit de mettre
    disabled="true"
    Exemple : <input type="text" name="monChamps" disabled="true" />
    voilà

  7. #7
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    Citation Envoyé par pompol Voir le message
    Salut à tous,

    pour bloquer l'effacement d'un champ (de type input), il suffit de mettre
    disabled="true"
    Exemple : <input type="text" name="monChamps" disabled="true" />
    voilà
    Par contre, ça peut également modifier l'aspect et le comportement de cet élément, notamment en fonction des navigateurs, qui ne gèrent pas tous le "disabled" de la même manière... mais seul baboon saura si ça lui convient dans le contexte de son projet ^^

Discussions similaires

  1. Bloquer la saisie dans les champs
    Par zorba49 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 27/02/2006, 17h07
  2. [HTML]Bloquer menu déroulant
    Par dj-julio dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 13/01/2006, 10h51
  3. [HTML] bloquer la taille d'une fenêtre
    Par discogarden dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 15/12/2005, 17h16
  4. bloquer l'accès à un 1 champ d 1 colonne d'un dbgrid
    Par bertrand_declerck dans le forum Bases de données
    Réponses: 2
    Dernier message: 26/08/2005, 09h42
  5. [HTML] Bloquer l'ecriture d'une zone de texte
    Par bouboussjunior dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 20/10/2004, 10h57

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