Valider a016e5ac rédigé par davux's avatar davux
Parcourir les fichiers

Utiliser des formulaires HTML5 si la conf le permet 

Si la configuration du site est réglée sur HTML5, utiliser les
possibilités suivantes dans les formulaires :
 - required="required" sur les champs obligatoires
 - autofocus="autofocus" sur les champs devant prendre le focus
 - input type="email" pour les saisies d'adresse mail
 - input type="url" pour les saisies d'URL
 - input type="search" pour la zone de recherche

Ce comportement correspond aux surcharges effectuées par le plugin
"html5", mais avec l'avantage qu'on évite le fork.

En realité, on pourrait techniquement appliquer ce code HTML tout le
temps, sans tester la valeur de #HTML5, car dans la spec HTML4, lorsqu'un
navigateur voit un type d'input inconnu, il doit le traiter (et le traite)
comme du texte. De la même manière, les attributs inconnus sont ignorés
(autofocus et required). Cependant, ce comportement conditionnel, bien
que légèrement plus lourd dans le squelette, permet de produire du code
valide W3C dans tous les cas.
parent 5d07d512

prive/formulaires/login.html

+2 −2
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -23,12 +23,12 @@ 
			<li class="editer_login obligatoire[(#ENV**{erreurs}|table_valeur{var_login}|oui)erreur]">

				<label for="var_login"><:login_login2:></label>[

				<span class="erreur_message">(#ENV**{erreurs}|table_valeur{var_login})</span>

				]<input type='text' class='text' name='var_login' id='var_login' value="[(#ENV**{var_login})]" size='40' />

				]<input type='text' class='text' name='var_login' id='var_login' value="[(#ENV**{var_login})]" size='40'[(#HTML5) required='required' autofocus='autofocus'] />

			</li>

			<li class="editer_password obligatoire[(#ENV**{erreurs}|table_valeur{password}|oui)erreur]">

				<label for="password"><:login_pass2:></label>[

				<span class="erreur_message">(#ENV**{erreurs}|table_valeur{password})</span>

				]<input type='password' class='password' name='password' id='password' value="" size='40' />

				]<input type='password' class='password' name='password' id='password' value="" size='40'[(#HTML5) required='required'] />

				<span class='details'>&#91;<a href="#URL_PAGE{spip_pass}" id='spip_pass'><:login_motpasseoublie:></a>&#93;</span>

			</li>

			[(#ENV{rester_connecte})

squelettes-dist/formulaires/ecrire_auteur.html

+3 −3
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -24,17 +24,17 @@ 
			<li class='saisie_email_message_auteur obligatoire[ (#ENV*{erreurs}|table_valeur{email_message_auteur}|oui)erreur]'>

				<label for="email_message_auteur#ENV{id}"><:form_pet_votre_email:></label>

				[<span class="erreur_message">(#ENV*{erreurs}|table_valeur{email_message_auteur})</span>]

				<input type="text" class="text" name="email_message_auteur" id="email_message_auteur#ENV{id}" value="#ENV{email_message_auteur}" size="30" />

				<input type="[(#HTML5|?{email,text})]" class="text" name="email_message_auteur" id="email_message_auteur#ENV{id}" value="#ENV{email_message_auteur}" size="30"[(#HTML5) required="required"] />

			</li>

			<li class='saisie_sujet_message_auteur obligatoire[ (#ENV*{erreurs}|table_valeur{sujet_message_auteur}|oui)erreur]'>

				<label for="sujet_message_auteur#ENV{id}"><:form_prop_sujet:></label>

				[<span class="erreur_message">(#ENV*{erreurs}|table_valeur{sujet_message_auteur})</span>]

				<input type="text" class="text" name="sujet_message_auteur" id="sujet_message_auteur#ENV{id}" value="#ENV{sujet_message_auteur}" size="30" />

				<input type="text" class="text" name="sujet_message_auteur" id="sujet_message_auteur#ENV{id}" value="#ENV{sujet_message_auteur}" size="30"[(#HTML5) required="required"] />

			</li>

			<li class='saisie_texte_message_auteur obligatoire[ (#ENV*{erreurs}|table_valeur{texte_message_auteur}|oui)erreur]'>

				<label for="texte_message_auteur#ENV{id}"><:info_texte_message:></label>

				[<span class="erreur_message">(#ENV*{erreurs}|table_valeur{texte_message_auteur})</span>]

				<textarea name="texte_message_auteur" id="texte_message_auteur#ENV{id}" rows="8" cols="60">#ENV{texte_message_auteur}</textarea>

				<textarea name="texte_message_auteur" id="texte_message_auteur#ENV{id}" rows="8" cols="60"[(#HTML5) required="required"]>#ENV{texte_message_auteur}</textarea>

			</li>

		</ul>

	</fieldset>

squelettes-dist/formulaires/inscription.html

+3 −3
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -15,12 +15,12 @@ 
			<li class='saisie_nom_inscription obligatoire[ (#ENV*{erreurs}|table_valeur{nom_inscription}|oui)erreur]'>

				<label for="nom_inscription"><:form_pet_votre_nom:></label>

				[<span class="erreur_message">(#ENV*{erreurs}|table_valeur{nom_inscription})</span>]

				<input type="text" class="text" name="nom_inscription" id="nom_inscription" value="#ENV{nom_inscription}" size="30" />

				<input type="text" class="text" name="nom_inscription" id="nom_inscription" value="#ENV{nom_inscription}" size="30" [(#HTML5) [(#ENV{focus}|=={nom_inscription}|oui)autofocus="autofocus" ]required="required"] />

			</li>

			<li class='saisie_mail_inscription obligatoire[ (#ENV*{erreurs}|table_valeur{mail_inscription}|oui)erreur]'>

				<label for="mail_inscription"><:form_pet_votre_email:></label>

				[<span class="erreur_message">(#ENV*{erreurs}|table_valeur{mail_inscription})</span>]

				<input type="text" class="text" name="mail_inscription" id="mail_inscription" value="#ENV{mail_inscription}" size="30" />

				<input type="email" class="text" name="mail_inscription" id="mail_inscription" value="#ENV{mail_inscription}" size="30" [(#HTML5) [(#ENV{focus}|=={mail_inscription}|oui)autofocus="autofocus" ]required="required"] />

			</li>

		</ul>

	</fieldset>

squelettes-dist/formulaires/oubli.html

+2 −2
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -11,7 +11,7 @@ 
			<li class="saisie_oubli obligatoire[ (#ENV*{erreurs}|table_valeur{oubli}|oui)erreur]">

				<label for="oubli"><:form_pet_votre_email:></label>

				[<span class='erreur'>(#ENV**{erreurs}|table_valeur{oubli})</span>]

				<input type='text' name='oubli' id='oubli' value="#ENV**{oubli}" />

				<input type='[(#HTML5|?{email,text})]' name='oubli' id='oubli' value="#ENV**{oubli}"[(#HTML5) autofocus="autofocus" required="required"] />

			</li>

		</ul>

	</fieldset>

squelettes-dist/formulaires/recherche.html

+1 −1
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -3,7 +3,7 @@ 
	[(#ENV{action}|form_hidden)]

	[<input type="hidden" name="lang" value="(#ENV{lang})" />]

	<label for="recherche"><:info_rechercher_02:></label>

	<input type="text" class="text" size="10" name="recherche" id="recherche"[ value="(#ENV{recherche})"] accesskey="4" />

	<input type="[(#HTML5{search,text})]" class="text" size="10" name="recherche" id="recherche"[ value="(#ENV{recherche})"] accesskey="4" />

	<input type="submit" class="submit" value="&gt;&gt;" title="<:info_rechercher:>" />

</div></form>

</div>

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site