tag:blogger.com,1999:blog-8085342449633067864.post6798992106647991805..comments2024-03-25T11:28:05.884-04:00Comments on Code 18: Attribut placeholder sur input HTML 5Infinite Loophttp://www.blogger.com/profile/14525518280316303728noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-8085342449633067864.post-45724767438171142642012-10-06T08:33:00.272-04:002012-10-06T08:33:00.272-04:00@raphaël : selon les spécifications html5, un reto...@raphaël : selon les <a href="http://dev.w3.org/html5/spec/single-page.html#the-placeholder-attribute" rel="nofollow">spécifications html5</a>, un retour de ligne dans un placeholder n'est pas autorisé.Infinite Loophttps://www.blogger.com/profile/14525518280316303728noreply@blogger.comtag:blogger.com,1999:blog-8085342449633067864.post-55192283965229509192012-10-05T16:59:38.546-04:002012-10-05T16:59:38.546-04:00J'ai vu qu'on pouvait aussi faire un place...J'ai vu qu'on pouvait aussi faire un placeholder sur un TextArea, par contre il y a moyen de faire un retour à la ligne dans le contenu du placeholder ?Anonymoushttps://www.blogger.com/profile/12777476209043895705noreply@blogger.comtag:blogger.com,1999:blog-8085342449633067864.post-45797949569148550042012-03-15T14:50:15.274-04:002012-03-15T14:50:15.274-04:00Perso, un grand merci pour ta fonction, cela m'...Perso, un grand merci pour ta fonction, cela m'a été bien utile.<br />J'ai juste transformé ta variable placeholder en tableau, parce que j'utilise plusieurs champs, et une ou deux autres petites modifs.<br />( Perso, j'utilises ce code pour un formulaire mail, donc je ne me fatigues même pas à vider les valeur par défaut. Le html5 seul ne suffisait pas à apporter toutes les solutions à mon problème. )<br />Merci à toi en tout cas <br /><br />var placeholder = new Array();<br /> jQuery('#contact form input,#contact form textarea:not(.read-only)').each(function(e){<br /> <br /> placeholder[e] = jQuery(this).val();<br /> if(placeholder[e]!=""){<br /> <br /> jQuery(this).focus(<br /> <br /> function(f){<br /> if(jQuery(this).val()==placeholder[e]){<br /> jQuery(this).val('');<br /> }<br /> }<br /> ).blur(<br /> function(f){<br /> if(jQuery(this).val()==''){<br /> jQuery(this).val(placeholder[e]);<br /> }<br /> });<br /> } <br /> });slashhttp://www.slashcreations.frnoreply@blogger.comtag:blogger.com,1999:blog-8085342449633067864.post-34692736903991397622011-02-06T07:10:05.964-05:002011-02-06T07:10:05.964-05:00c'est vraiment "sale" :(
où est pas...c'est vraiment "sale" :( <br />où est passé l'attribut 'title' c'est son rôle pourtant ...Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8085342449633067864.post-27322859468571313562011-01-25T07:03:37.465-05:002011-01-25T07:03:37.465-05:00C'est vrai que le JavaScript ne permet pas de ...C'est vrai que le JavaScript ne permet pas de détecter si le champ est requis si on le vérifie normalement côté client ou serveur (on doit le considérer vide si la chaîne de caractères est égale à la valeur du "placeholder").<br /><br />Mais la question n'est pas là. Le but était de démontrer comment le placeholder HTML5 réglait le problème qui était contourné de différentes façons depuis des années.<br /><br />Cela dit, je ne trouve pas ton hack très propre. Aussi bien vider la valeur du champ en JavaScript si sa valeur est inchangée au moment de soumettre le formulaire.Infinite Loophttps://www.blogger.com/profile/14525518280316303728noreply@blogger.comtag:blogger.com,1999:blog-8085342449633067864.post-31435427804240582232011-01-25T05:04:26.135-05:002011-01-25T05:04:26.135-05:00un probleme majeur pourtant,
ton script est incom...un probleme majeur pourtant, <br />ton script est incompatible avec la détection des champs requis,<br /><br />avec le placeholder natif HTML5, la valeur du champs reste nul, on peux donc informer l'utilisateur sur l'absence de saisie.<br /><br />Le hack le plus propre, serait d'intercalé un div par dessus, le onclick masquerais son contenu.<br /><br />Ainsi le champs serait toujours "vide"Anonymousnoreply@blogger.com