Formulaire tout CSS

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Reprise du formulaire du Doc ici et passage en css

Les articles à lire aux préalables sont :

Ce qui suit en est directement issu. Félicitations et encore merci Doc pour ce cours sur les formulaires ...

L’objet de cet article est donc le passage de ce formulaire en CSS pour ne plus travailler avec des tableaux

Avec l’utilisation des balises : fieldset, legend et label pour faire les choses belles

Il vous suffira de créer un fichier contact.php (habituel) perso j’ai mis le delai à « O » ai je bien fais ? cela m’a paru logique ... mais cela n’engage que moi ;-)

le css inclu dans le head peux etre placé dans un fichier css externe bien sur pour tout simplement pouvoir en profiter sur d’autre formulaire du meme site

Note :

  • le formulaire fourni ici en l’état est valide W3C
  • pour toute la partie qui concerne le controle et la validation, voyez plutot sur le site du doc.

En prevision

Ajout d’un champ dans lequel s’affichera le titre de l’article précédent qui sera aussi récupéré pour etre transféré avec le contenu du formulaire, facilitant ainsi la lecture du mail pour la personne qui le recevra, ça, ça devrait venir assez rapidement ...

Plus loin encore sera de réaliser du formulaire « dynamique » ( qui se construit en fonction des choix du visiteur) . Plus coriace et plus de temps je crois.

Discussion

Une discussion

  • 2

    Bonjour,

    N’ayant jamais fait de php je rencontre qqs soucis. Il faut créer une page contact.php mais que dois-je mettre dedans ?
    J’ai mis ça un peu au hasard en me basant sur d’autres fichier php de mon site spip :

    <?php
    
    $fond = "contact";
    $delais = 0;
    
    
    
    include ("inc-public.php3");
    
    ?>

    Quand je place je me retrouve avec le fichier et du code dans les champs de remplissage comme si j’ouvrais directement le fichier html en pièce jointe de cet article.
    Bref je suis perdu , merci de m’éclairer.

    • Bonsoir,
      pour faire fonctionner cette fabuleuse contrib’, il te suffit de dupliquer un fichier .php3 à la racine du site, de le renommer contact.php3 et de modifier son contenu : $fond=« contact ». J’ai essayé sous SPIP 1.8.3 avec le fichier auteur.php3 et ça marche très bien.
      Bon courage :-)

    • Bonjour,

      Sauf que sur spip1.9.1, il n’y a plus de fichiers php3, personnellement je l’ai recopié et modifié, en .php, installé à la racine, dans l’article j’ai fait le lien http://monsite.monfai.fr et ça ne fonctionne pas.

      J’ai même essayé en copiant le code dans l’article, item, de plus dans les essais, des bouts de code dégueulent de partout, il y a sûrement quelque chose que je n’ai pas compris.

      Bye

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom