Blog iamvdo.meFormulaire design et accessible en CSS3
Utilisation de border-radius, box-shadow et text-shadow en CSS3
Création: janvier 2011Modifié:
Dans cet exemple, pas d’images utilisées, aucune balise HTML supplémentaires, que du CSS. Le code reste sémantiquement correct avec l’utilisation de<fieldset>pour le regroupement de champ et de balises<label>pour l’accessibilité du formulaire.
#1par FreePostPas, le 2 mars 2011
Ton formulaire est super, mais pourrais-tu ajouter le code qui va avec :).
Sinon, franchement beau site !
#2par slowfelx, le 8 mars 2011
Faut que tu ailles dans le code source pour le voir, tu le trouveras facilement :)
#3par Manfield26, le 26 juin 2011
Salut
excellent tuto, compréhensible, clair et précis.
Bravo, et
bonne continuation !
#4par Rezter, le 3 septembre 2011
Bravo,magnifique !!!
#5par bravo, le 22 février 2012
c’est super sympas ton site ! bravo
#6par Toutoune, le 23 février 2012
Mon message a mal pris je reformule (excusez-moi) : Je crois que cette démo marche très bien avec les dernières versions d’IE !
#7par DAvid, le 18 avril 2012
Bonjour,
Ca cavva
#8par bunny, le 25 avril 2012
Superbs demos ! Merci :))
#9par Laug, le 26 avril 2012
Magnifique site, vraiment bravo.
#10par DJREQWIN, le 8 mai 2012
Bonjour, comment l’envoyer vers une adresse mail afin de faire un "vrai" formulaire ?
#11par Skarillex, le 17 mai 2012
DJREQWIN :
Il te faut apprendre le php ;)
#12par Okaz, le 5 juin 2012
Bonjour,
c’est du très bon travail, est-il possible de l’utiliser, modifier avec bien sur un lien vers la source ?
Merci.
#13par css3create, le 7 juin 2012
@Okaz : bien entendu.
#14par Anonyme, le 13 juillet 2012
désolé pour le texte qui veut rien dire j’ai voulu tester et j’ai été trop vite, en tout cas sympa la page de log ! ;)
#15par Mika, le 3 septembre 2012
Pas mal du tout =).
#16par unregistred, le 19 septembre 2012
super formulaire ! mais j’ai un soucis, c’est parfait sur FF mais sur chrome et safari tout est décalé !
#17par unregistred, le 19 septembre 2012
en fait pour préciser, c’est la barre noir ou on écrit l adresse email qui passe sous le titre encadré bleu.
#18par unregistred, le 19 septembre 2012
désolé pour tout ces messages, je penses avoir résolu mon problème, j’ai retiré le padding left dans le css de la zone text.
#19par sabian, le 25 septembre 2012
salut mais le code pour c joli formulaire g ne le vois pas ?
il ya t-il kelkin ki peu m’aider
#20par greunje, le 8 octobre 2012
comment faire avec
<input form>de type<textarea>? avec une height fixe, le bouton ne se décale pas vers le bas, pourquoi ?#21par greunje, le 8 octobre 2012
oups, input textarea , comment faire pour qu’il ne se place pas en dessous du label ?
#22par css3create, le 8 octobre 2012
@greunje : Pas facile comme ça... Tu as un exemple ?
#23par greunje, le 9 octobre 2012
en faite c’est resolue, j’ai mis un imput textarea pour laisser un message, le problème est que lorsque l’on agrandie la zone de texte, le bouton Envoyer reste au même endroit... merci pour ton formulaire il est très jolie, reste plus qu’à intégrer le php, et c’est pas gagnée, en utilisant celui-ci :
http://conseilscreation.free.fr/pag...
ça ne marche pas, je ne sais pas pourquoi...et la je bloque !
#24par Franck, le 18 octobre 2012
Où se trouve le code du css pour le formulaire en CSS3 svp ?
#25par antonag, le 13 janvier 2013
Bonjour,
j’ai utilisé ce formulaire et j’ignore comment on pourrait lui intégrer une liste genre Sexe : (vide)/Homme/Femme
Une idée ?
#26par Julien, le 25 juin 2013
Bonjour,
ce démos est excellent et il marche bien sous IE9 !
#24 question de Franck : le code du démos se trouve dans le code source de cette page,
affiche le code source de cette page, à la 95ème ligne soit dans la balise < head >
puis dans < style type="text/css....... il est vers le haut ! tu vera écris :
/* CSS3 Create
Styles CSS liés à la démo :
> Formulaire design et accessible en CSS3
*/
#article25....