Formulaire et validation w3c ...
leod
Messages postés
98
Statut
Membre
-
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour a tous
une petite question qui devrait pas poser trop de probleme mais je ne trouve pas comment faire !
je voudrai rendre un petit formulaire valide w3c . norme : xhtml1 strict
je vous passe les détails du formulaire , l'erreur se situe au niveau du "name" de form , c'est la seul erreur
je sais qu'il ne faut pas l'utiliser mais par quoi doit je le remplacer :
<form method="post" action="traitement.php" name="nous_contacter">
blabla ...
<a href="javascript:document.nous_contacter.submit()" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>
</form>
voila , avec name ca marche mais c'est pas valide
avec id ca marche pas mais c'est valide
merci d'avance pour vos réponse
une petite question qui devrait pas poser trop de probleme mais je ne trouve pas comment faire !
je voudrai rendre un petit formulaire valide w3c . norme : xhtml1 strict
je vous passe les détails du formulaire , l'erreur se situe au niveau du "name" de form , c'est la seul erreur
je sais qu'il ne faut pas l'utiliser mais par quoi doit je le remplacer :
<form method="post" action="traitement.php" name="nous_contacter">
blabla ...
<a href="javascript:document.nous_contacter.submit()" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>
</form>
voila , avec name ca marche mais c'est pas valide
avec id ca marche pas mais c'est valide
merci d'avance pour vos réponse
A voir également:
- Formulaire et validation w3c ...
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Formulaire de reclamation instagram - Guide
- Impossible d'utiliser ce numéro de téléphone pour la validation - Forum Gmail
- Formulaire de contact le bon coin introuvable ✓ - Forum Réseaux sociaux
16 réponses
bon j'ai trouvé la solution
c'etait tout simple :
<a href="javascript:document.getElementById('nous_contacter').submit();" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>
et voila le tour est joué ^^
merci pour ton aide dalida ! toujours la pour m'aider
on dirai que ya que toi sur ce fofo ^^
c'etait tout simple :
<a href="javascript:document.getElementById('nous_contacter').submit();" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>
et voila le tour est joué ^^
merci pour ton aide dalida ! toujours la pour m'aider
on dirai que ya que toi sur ce fofo ^^
oui justement l'erreur est l'utilisation du "name" (il ne faut pas)
je cherche donc un moyen de faire marcher mon bouton submit par un autre moyen
c'est pour ca que j'ai souligné name
il identifie mon form pour le javascript du bouton mais ce n'est pas valide !
je doit donc changer ca mais je ne sais pas comment
je cherche donc un moyen de faire marcher mon bouton submit par un autre moyen
c'est pour ca que j'ai souligné name
il identifie mon form pour le javascript du bouton mais ce n'est pas valide !
je doit donc changer ca mais je ne sais pas comment
pour "corser un peu la difficulté pour un bouton avec un jolie design" utilise CSS c'est fait pour ça !!!
ou alors tu peux prendre un <input /> graphique ou tu mettras un bitmap à toi et zou c'est joli et ça fonctionne partout !
ou alors tu peux prendre un <input /> graphique ou tu mettras un bitmap à toi et zou c'est joli et ça fonctionne partout !
<input type="image" src="image.png" />
sinon tu peux le faire sans id ni name
si le lien est directement dans le formulaire
ou autrement tu séléctionne ton formulaire avec document.forms[0], ou document.forms[1], ou 2, ou ...
ça dépend de la place du formulaire dans la page
j'arrive un peu en retard dsl ^^
si le lien est directement dans le formulaire
<form method="post" action="traitement.php"> <a href="javascript:this.parentNode.submit()" class="bouton"><span class="icon style_white_bold">Envoyer</span></a> </form>
ou autrement tu séléctionne ton formulaire avec document.forms[0], ou document.forms[1], ou 2, ou ...
ça dépend de la place du formulaire dans la page
j'arrive un peu en retard dsl ^^
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
boujour vs ki aver lére de vs y conetre pourier vs m'aider http://www.commentcamarche.net/forum/affich 8378705 ou rentre son identifien de conection svp
non ca ne marche pas avec un id dalida !
je ne sais pas pourquoi
j'ai pensé a ca tout de suite
ps : merci de faire le menage dans mon topic ^^
je ne sais pas pourquoi
j'ai pensé a ca tout de suite
ps : merci de faire le menage dans mon topic ^^
lol !
j'aurais dû lire on aurait fini depuis longtemps !
il te faut un <input />, pas un lien :
j'aurais dû lire on aurait fini depuis longtemps !
il te faut un <input />, pas un lien :
<form method="post" action="traitement.php"> <!-- blablabla --> <input type="submit" value="Envoyer"/> </form>
oui je sais très bien ^^
evidement ca marche avec un input
mais j'essaye de corser un peu la difficulté pour un bouton avec un jolie design :p
donc il doit y avoir un moyen pour faire marcher ca avec un lien !
disons que en lien avec (name) ca marche
input ca marche
mais id a la place de name marche plus ...
evidement ca marche avec un input
mais j'essaye de corser un peu la difficulté pour un bouton avec un jolie design :p
donc il doit y avoir un moyen pour faire marcher ca avec un lien !
disons que en lien avec (name) ca marche
input ca marche
mais id a la place de name marche plus ...
mais justement c'est en css , je n'utilise plus que ca une image tres legere avec survol de la souris et icone inserer à l'interieur
je vais essayer de voir si je peu l'aplliquer sur le input mais c'est pas gagné !
voici le css que j'utilise pour le lien
a.bouton{display: block;background-image: url(image_du_site/bouton1.png);background-repeat: no-repeat;width: 120px;height: 25px;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 100%;font-weight: bold;text-decoration: none;padding: 5px 0 0 0;}
a.bouton:visited {color: #fdfdfe;}
a.bouton:hover{background-image: url(image_du_site/bouton2.png);color: #fdfdfe;}
.icon {background-image: url(image_du_site/valide1.png);display: inline-block;background-repeat: no-repeat;padding: 0 0 0 20px;}
a.bouton:hover .icon{background-image: url(image_du_site/valide2.png);}
je redonne le code du lien :
<a href="javascript:document.nous_contacter.submit()" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>
voila si tu peu me dire comment modifier pour un input
je vais essayer de voir si je peu l'aplliquer sur le input mais c'est pas gagné !
voici le css que j'utilise pour le lien
a.bouton{display: block;background-image: url(image_du_site/bouton1.png);background-repeat: no-repeat;width: 120px;height: 25px;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 100%;font-weight: bold;text-decoration: none;padding: 5px 0 0 0;}
a.bouton:visited {color: #fdfdfe;}
a.bouton:hover{background-image: url(image_du_site/bouton2.png);color: #fdfdfe;}
.icon {background-image: url(image_du_site/valide1.png);display: inline-block;background-repeat: no-repeat;padding: 0 0 0 20px;}
a.bouton:hover .icon{background-image: url(image_du_site/valide2.png);}
je redonne le code du lien :
<a href="javascript:document.nous_contacter.submit()" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>
voila si tu peu me dire comment modifier pour un input
salut,
tant qu'à faire du valide, autant donné du sens à ton formulaire.
tu peux faire la même chose avec un <input> qu'avec un <a>, regarde cet exemple.
il est pas joli mais c'est juste un exemple !
-:oD
tu as deux boutons un "reset" et un "submit" mis en forme, le premier uniquement en jouant sur la police et les couleur de premier et arrière plan, le deuxième avec une image de fond, chacun est animé au survol.
dans le deuxième <form> un bouton "image" juste pour montrer que ça existe aussi !
-;o)
à plus !
tant qu'à faire du valide, autant donné du sens à ton formulaire.
tu peux faire la même chose avec un <input> qu'avec un <a>, regarde cet exemple.
il est pas joli mais c'est juste un exemple !
-:oD
tu as deux boutons un "reset" et un "submit" mis en forme, le premier uniquement en jouant sur la police et les couleur de premier et arrière plan, le deuxième avec une image de fond, chacun est animé au survol.
dans le deuxième <form> un bouton "image" juste pour montrer que ça existe aussi !
-;o)
à plus !
