source: spip-zone/_core_/plugins/dev/formulaires/charter.html @ 56923

Last change on this file since 56923 was 56923, checked in by denisb@…, 8 years ago

dev : suite corrections typo...

File size: 10.8 KB
Line 
1<div class="ajax formulaire_spip formulaire_configurer formulaire_#FORM formulaire_#FORM-#ENV{id,nouveau}">
2        <h3 class="titrem">Titre du formulaire</h3>
3        [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV**{message_ok})</p>]
4        [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV**{message_erreur})</p>]
5        <h4>Des fois on utilise un sous-titre (Étape 1/N)</h4>
6        <p>Un texte d'introduction, qui peut parfois être sur plusieurs lignes.
7                Un texte d'introduction, qui peut parfois être sur plusieurs lignes.
8                Un texte d'introduction, qui peut parfois être sur plusieurs lignes.
9                Un texte d'introduction, qui peut parfois être sur plusieurs lignes.
10        </p>
11        <ul class="spip">
12                <li>avec une énumération</li>
13                <li>de plusieurs items</li>
14                <li>qui doivent «bien tomber»</li>
15        </ul>
16        [(#ENV{editable})
17        <form method='post' action='#ENV{action}'><div>
18                [(#REM) déclarer les hidden qui déclencheront le service du formulaire
19                paramêtre : url d'action ]
20                #ACTION_FORMULAIRE{#ENV{action}}
21                #SET{fl,charter}
22                <p class="explication">Des explications préliminaires, en début de formulaire</p>
23                <fieldset>
24                        <legend><:charter:legend:></legend>
25                                <p class="explication">Des explications dans un fieldset</p>
26                                <ul>
27                                <!--EX01-->
28                                #SET{name,text}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
29                                <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
30                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
31                                        <span class='erreur_message'>(#GET{erreurs})</span>
32                                        ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
33                                </li>
34                                <!--EX02-->
35                                #SET{name,select}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
36                                <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
37                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
38                                        <span class='erreur_message'>(#GET{erreurs})</span>
39                                        ]<select name="#GET{name}" class="select" id="#GET{name}">
40                                                #SET{val,oui}
41                                                <option value="#GET{val}"[(#ENV{#GET{name}}|=={#GET{val}}|oui)selected="selected"]>[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</option>
42                                                #SET{val,non}
43                                                <option value="#GET{val}"[(#ENV{#GET{name}}|=={#GET{val}}|oui)selected="selected"]>[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</option>
44                                        </select>
45                                </li>
46                                <!--EX03-->
47                                #SET{name,text_obli}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
48                                <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
49                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
50                                        <span class='erreur_message'>(#GET{erreurs})</span>
51                                        ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
52                                </li>
53                        </ul>
54                </fieldset>
55                <fieldset>
56                        <legend><:charter:legend:></legend>
57                        <ul>
58                                <!--EX04-->
59                                #SET{name,text}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
60                                <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
61                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
62                                        <span class='erreur_message'>(#GET{erreurs})</span>
63                                        ]
64                                        <p class="explication">Des explications au dessus d'un champ de saisie</p>
65                                        <input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
66                                </li>
67                                <!--EX05-->
68                                #SET{name,text_obli}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
69                                <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
70                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
71                                        <span class='erreur_message'>(#GET{erreurs})</span>
72                                        ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
73                                        <p class="explication">Des explications après un champ de saisie</p>
74                                </li>
75                                <!--EX06-->
76                                #SET{name,textarea}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
77                                <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
78                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
79                                        <span class='erreur_message'>(#GET{erreurs})</span>
80                                        ]<textarea name="#GET{name}" class="textarea">
81#ENV*{#GET{name}}</textarea>
82                                </li>
83                                <!--EX07-->
84                                #SET{name,textarea_pleine_largeur}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
85                                <li class="editer pleine_largeur editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
86                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
87                                        <span class='erreur_message'>(#GET{erreurs})</span>
88                                        ]<textarea name="#GET{name}" class="textarea">
89#ENV*{#GET{name}}</textarea>
90                                </li>
91                                #SET{name,textarea_pleine_largeur_obli}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
92                                <li class="editer pleine_largeur editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
93                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
94                                        <span class='erreur_message'>(#GET{erreurs})</span>
95                                        ]<textarea name="#GET{name}" class="textarea">
96#ENV*{#GET{name}}</textarea>
97                                </li>
98                                <!--EX08-->
99                                #SET{name,text_long_label}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
100                                <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
101                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
102                                        <span class='erreur_message'>(#GET{erreurs})</span>
103                                        ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
104                                </li>
105                                <!--EX09-->
106                                #SET{name,radio}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
107                                <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
108                                        <label>[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
109                                        <span class='erreur_message'>(#GET{erreurs})</span>
110                                        ]
111                                        <p class="explication">Des explications au-dessus d'un choix</p>
112                                        #SET{val,oui}
113                                        <div class="choix">
114                                                <input type="radio" name="#GET{name}" class="radio" id="#GET{name}_#GET{val}" value="#GET{val}"[(#ENV{#GET{name}}|=={#GET{val}}|oui)checked="checked"] />
115                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
116                                        </div>
117                                        #SET{val,non}
118                                        <div class="choix">
119                                                <input type="radio" name="#GET{name}" class="radio" id="#GET{name}_#GET{val}" value="#GET{val}"[(#ENV{#GET{name}}|=={#GET{val}}|oui)checked="checked"] />
120                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
121                                        </div>
122                                </li>
123                                <!--EX10-->
124                                #SET{name,checkbox}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
125                                <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
126                                        <label>[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
127                                        <span class='erreur_message'>(#GET{erreurs})</span>
128                                        ]
129                                        #SET{val,1}
130                                        <div class="choix">
131                                                <input type="checkbox" name="#GET{name}#EVAL{chr(91)}#EVAL{chr(93)}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|in_any{#ENV{#GET{name}}}|oui)checked="checked"] />
132                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
133                                        </div>
134                                        #SET{val,2}
135                                        <div class="choix">
136                                                <input type="checkbox" name="#GET{name}#EVAL{chr(91)}#EVAL{chr(93)}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|in_any{#ENV{#GET{name}}}|oui)checked="checked"] />
137                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
138                                        </div>
139                                </li>
140                                <!--EX11-->
141                                #SET{name,checkbox_long_label}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
142                                <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
143                                        <label>[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
144                                        <span class='erreur_message'>(#GET{erreurs})</span>
145                                        ]
146                                        #SET{val,1}
147                                        <div class="choix">
148                                                <input type="checkbox" name="#GET{name}#EVAL{chr(91)}#EVAL{chr(93)}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|in_any{#ENV{#GET{name}}}|oui)checked="checked"] />
149                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
150                                        </div>
151                                        #SET{val,2}
152                                        <div class="choix">
153                                                <input type="checkbox" name="#GET{name}#EVAL{chr(91)}#EVAL{chr(93)}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|in_any{#ENV{#GET{name}}}|oui)checked="checked"] />
154                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
155                                        </div>
156                                </li>
157                                <li class="fieldset">
158                                        <fieldset>
159                                                <legend><:charter:legend:></legend>
160                                                <ul>
161                                                        <!--EX12-->
162                                                        #SET{name,text}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
163                                                        <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
164                                                                <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
165                                                                <span class='erreur_message'>(#GET{erreurs})</span>
166                                                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
167                                                        </li>
168                                                        <!--EX13--> 
169                                                        #SET{name,text_obli}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
170                                                        <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
171                                                                <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
172                                                                <span class='erreur_message'>(#GET{erreurs})</span>
173                                                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
174                                                        </li>
175                                                </ul>
176                                        </fieldset>
177                                </li>
178                        </ul>
179                </fieldset>
180          [(#REM) ajouter les saisies supplémentaires : extra et autre, à cet endroit ]
181          <!--extra-->
182          <p class='boutons'><span class='image_loading'>&nbsp;</span>
183                        <input type='submit' name="cancel" class='submit' value='<:bouton_annuler:>' />
184                        <input type='submit' class='submit' value='<:bouton_enregistrer:>' /></p>
185        </div></form>
186        ]
187        [(#ENV{editable}|non)
188          <p class='boutons'><span class='image_loading'>&nbsp;</span>
189                        <input type='submit' name="cancel" class='submit' value='<:bouton_fermer:>' onclick="$.modalboxclose();return false;" />
190        ]
191</div>
Note: See TracBrowser for help on using the repository browser.