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 :

Soumission d'un formulaire mono-input en tapant "Entrée"


Sujet :

HTML

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    26
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 26
    Points : 24
    Points
    24
    Par défaut Soumission d'un formulaire mono-input en tapant "Entrée"
    Bonjour à tous,

    Je viens de découvrir, à ma grande surprise, que sur un formulaire qui ne contenait qu'un unique input de type texte, taper "Entrée" dans cet input provoquait le submit du formulaire.
    Bien sur, dès qu'il y a au moins deux input dans le formulaire, ça marche plus.

    J'ai testé sous mes navigateurs courants du window 7 que j'ai sous la main (IE10, Firefox et chrome), mais je me demande depuis quand cette fonctionnalité existe. Est-ce qu'elle est standard ? depuis quand ?

    Est-ce que j'ai des risques de régression à l'employer sur mes sites ? (sachant que 60% de mes usagers sont sous IE7)

    Pour l'expérience, j'ai fait un exemple 100% HTML à partir d'un code (honteusement copié sur un anglophone ayant la même interrogation)
    http://caille.rotie.free.fr/tests/testForm/form.html

    Merci à ceux qui sauront me répondre ou me donner des pistes pour cette réponse.

    Code : 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
    17
    18
    19
    20
    <html>
    <body>
    <form id="form1" action="res.html" method="GET"><legend>Form 1</legend>
        <p>Does submit:</p>
        <input type="hidden" name="toto" value="bidule" />
        <input type="text" name="text" placeholder="focus and press enter"/>
    </form>
     
    <hr/>
     
    <form id="form2" action="res2.html" method="GET"><legend>Form 2</legend>
        <p>Does <strong>not</strong> submit:</p>
        <input type="text" placeholder="does not submit"/>
        <input type="text" placeholder=""/>
    </form>
     
    <hr/>
     
    <h3><a href=" questions/17797025/why-does-a-form-with-one-text-input-submit-on-enter-while-one-with-two-text-inpu">Why?</a><h3>
    </body>

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 130
    Points
    44 130
    Par défaut
    Bonjour,
    ...mais je me demande depuis quand cette fonctionnalité existe. Est-ce qu'elle est standard ? depuis quand ?
    la réponse est dans la discussion du lien que tu fournis, il faut suivre les liens

    This behaviour was introduced in the HTML 2.0 specification. See the following article for more details:
    Form submission and the ENTER key?

    When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form
    Source: W3C Specs

Discussions similaires

  1. Réponses: 3
    Dernier message: 09/04/2007, 15h29
  2. [Javascript] Validation soumission d'un formulaire
    Par nico33307 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 14/11/2005, 15h05
  3. Réponses: 2
    Dernier message: 10/11/2005, 20h00
  4. [JSP]Problème de double soumission d'un formulaire
    Par jgfa9 dans le forum Servlets/JSP
    Réponses: 31
    Dernier message: 24/08/2005, 11h54
  5. [formulaire] bonton input
    Par Sh. dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 20/03/2005, 00h41

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