Imprimer la Page

Forum-webmaster

Technique - programmation => HTML / CSS / XHTML => Message commencé par: Euphorik le le 30-05-2013 a 23:43:30

Titre: Formulaire un peu direct
Posté par: Euphorik le le 30-05-2013 a 23:43:30

Hello internautes, webdesigner :)

Voila, je suis entrain de créer mon portfolio personnel en ligne et à chaque fois que je recharge ma page il m’envoie directement en bas de ma page ou se trouve le formulaire dans input email exactement..
Est-ce que quelqu'un sait m'aider pour ce problème ???

Merci d'avance à tous et bonne soirée :D

Titre: Re:Formulaire un peu direct
Posté par: GuillaumeRoos le le 31-05-2013 a 07:17:54

Bonjour,

Sans voir le site, ça va être compliqué de répondre. Il faudrait qu'on puisse jeter un oeil au code de la page.

Guillaume

Titre: Re:Formulaire un peu direct
Posté par: Euphorik le le 31-05-2013 a 14:42:38

Bonjour,

Voici le site

http://kevinrobin.be/www/

Attention ! La version optimale est en résolution 320px car mon site est responsive et j'ai commencer par du 'mobile first'

Et voici le code

<form action="contact.php" method="#">

             <fieldset id="input">
             <input id="username" type="text" name="nom" placeholder="Username" autofocus required />
             <input id="mail" type="text" name="email" placeholder="Email" autofocus required />
             <textarea id="demande" value="demande" name="demande" placeholder="Demande"></textarea>
             
             </fieldset>

             <fieldset>
                <p>Newsletter</p>
                <input type="checkbox" name="checkbox1" value="checkbox" id="new">
             </fieldset>

             <fieldset id="action">
             <input type="submit" id="submit" value="Envoyer">
             </fieldset>

            </form>

#contact input, textarea{
border: 1px solid #7f8c8d;
border-radius: 4px;
background: none;
color: #7f8c8d;
outline-color: transparent;
}

#contact fieldset{
   position: relative;
}

input#submit{
   width: 75px;
padding: 0;

-webkit-transition: all .5s linear;
}

#submit:hover{
background: #c0392b;

-webkit-transition: all .5s linear;
}

Merci :)

P.S : je n'ai pas encore intégrer le php

Titre: Re:Formulaire un peu direct
Posté par: GuillaumeRoos le le 31-05-2013 a 14:48:55

Est-ce que tu as essayé de retirer "autofocus" de tes input ?

En fait, tu forces le focus sur tes champs en entrée de page, donc la page scrolle directement :) Si tu retires ça, ça devrait s'arrêter.

Titre: Re:Formulaire un peu direct
Posté par: Euphorik le le 31-05-2013 a 14:51:26

Magnifique, ca fonctionne :D

Merci beaucoup pour votre aide, je n'aurais jamais penser aux autofocus :)

Titre: Re:Formulaire un peu direct
Posté par: GuillaumeRoos le le 31-05-2013 a 14:55:45

De rien. Bon courage pour la suite :)