Type de champ radio

Champ de type « radio »

<fieldset class="field_name">
 <input id="field_name_1" name="field_name" value="..." type="radio" ... />
 <input id="field_name_2" name="field_name" value="..." type="radio" ... />
 ...
 <input id="field_name_n" name="field_name" value="..." type="radio" ... />
</fieldset>

Le code HTML est indiqué pour information. Il est généré automatiquement par le script phpMyForm.

Attributs

Description des divers attributs possibles pour le champ de type radio.

Seul l'attribut field_type est requis.

Note : Si les autres attributs ne sont pas définis, la valeur défaut est prise en compte.

field_type

[field_name]
field_type=radio
...

Ces deux lignes du fichier form_definition.ini sont les seules requises.

mod

[field_name]
 ...
 ;valeur défaut : default
 mod=group_start

Valeurs possibles :

  • default
  • group_start
  • group_start_end
  • group_inside
  • group_end
  • switch (field_type : checkbox, radio, select)
  • group_switch_start
  • group_switch_start_end

mod description

ini

[field_name]
...
;défaut : field_name.ini
ini=my_file
  • Nom fichier ini sans extension contenant les options.
  • Fichier ini dans le dossier phpMyForm/form/form_name/ini.

Structure du fichier ini

Sections du fichier ini : radio est obligatoire.
Le reste suivant radio est libre, mais doit-être différent pour chaque bouton radio.

[image]
folder=24x24 

[radio_1]
value=radio1 
label=Label radio 1 
title=Title radio 1 
icon=test32.png 

[radio_2]
value=radio2 
label=Label radio 2 
title=Title radio 2 
icon=test32.png 

[radio_3]
value=radio3 
label=Label radio 3 
title=Title radio 3 
icon=test32.png 

...

[custom]
label=label custom 
title=Title radio custom 
icon=test32.png

Description des sections du fichier ini

  • Section [image]
    • folder : Dossier des icones. Si omis, 32x32 est le dossier par défaut
      Dans le dossier phpMyForm/form/form_name/images.
  • Section [radio...]
    • value : Attribut value du bouton radio. Si omis une value du type field_name_radio_value_n est générée automatiquement.
    • label : Si omis, la valeur de value est utilisée.
    • title : Balise title du bouton radio.
    • icon : Affiche une icône après le bouton radio.
      • ext : png, gif, jpg, ...
      • Dimension maximum : 32px × 32px (Si l'icone est plus grande, elle sera redimensionnée).
  • Section [custom]
    • label : Label du bouton radio.
    • title : Balise title du bouton radio.
    • icon : Voir ci-dessus.

custom_field

[field_name]
...
;ID d'un champ text ou textarea.
custom_field=field_name_01

Le champ text (ou textarea) doit avoir l'attribut custom à 1.

;exemple :
[radio01]
field_type=radio
custom_field=radio_custom01
...

[radio_custom01]
field_type=text
custom=1
...

Voir un exemple de champ radio personnalisé

default

[field_name]
...
;Valeur défaut du champ.
default=value default

label

[field_name]
...
label=Texte du label

Texte affiché dans partie gauche (*)

Uniquement avec mod :

  • default
  • switch
  • group_start

mod description

(*) Voir les différentes options (col_label et pos_label) d'affichage du label : Définition formulaire

heading_group

[field_name]
...
heading_group=Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Texte affiché au dessus du 1er champ d'un groupe.

Uniquement avec mod :

  • group_start
  • group_start_end
  • group_switch_start
  • group_switch_start_end

mod description

group_marge

[field_name]
...
;syntaxe CSS
group_marge=30px

Marge gauche d'un groupe de champs commutable.

Uniquement avec mod :

  • group_switch_start
  • group_switch_start_end

mod description

group_hidden

[field_name]
...
;défaut : 0
group_hidden=1

Le groupe de champs commutable sera désactivé et non visible.

Uniquement avec mod switch.

mod description

text_before_data

[field_name]
...
text_before_data=Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Texte affiché en haut du bloc data.

Uniquement avec mod :

  • default
  • switch
  • group_start

mod description

text_after_data

[field_name]
...
text_after_data=Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Texte affiché en bas du bloc data.

Uniquement avec mod :

  • default
  • group_switch_start_end
  • group_end

mod description

text_top

[field_name]
...
text_top=Texte affiché au dessus du champ

text_bottom

[field_name]
...
text_bottom=Texte affiché au-dessous du champ

br

[field_name]
...
;défaut : 1
br=0

Affiche les boutons radio sur une seule ligne.

title

[field_name]
...
title=Lorem ipsum dolor sit amet
<fieldset class="field_name">
 <input title="Lorem ipsum dolor sit amet" id="field_name_1" name="field_name" value="..." type="radio" ... />
 <input title="Lorem ipsum dolor sit amet" id="field_name_2" name="field_name" value="..." type="radio" ... />
 ...
 <input title="Lorem ipsum dolor sit amet" id="field_name_n" name="field_name" value="..." type="radio" ... />
</fieldset>

class

[field_name]
...
;Class appliquée sur le bloc fieldset entourant les boutons radio.
;Un (ou plusieurs) nom(s) de class.
;Si plusieurs class, les séparer par un espace.
class=class1 class2
<fieldset class="field_name class1 class2">
 <input id="field_name_1" name="field_name" value="..." type="radio" ... />
 <input id="field_name_2" name="field_name" value="..." type="radio" ... />
 ...
 <input id="field_name_n" name="field_name" value="..." type="radio" ... />
</fieldset>

style

[field_name]
...
;Style appliqué sur le bloc fieldset entourant les boutons radio.
;syntaxe CSS
style="border: 1px solid green; background-color: red;"

Le ; est obligatoire à la fin (en cas d'ajout de style par le script).

<fieldset style="border: 1px solid green; background-color: red;" class="field_name">
 <input id="field_name_1" name="field_name" value="..." type="radio" ... />
 <input id="field_name_2" name="field_name" value="..." type="radio" ... />
 ...
 <input id="field_name_n" name="field_name" value="..." type="radio" ... />
</fieldset>

required

[field_name]
...
;défaut : 0
required=1

required W3Schools.com

<fieldset class="field_name">
 <input required id="field_name_1" name="field_name" value="..." type="radio" ... />
 <input required id="field_name_2" name="field_name" value="..." type="radio" ... />
 ...
 <input required id="field_name_n" name="field_name" value="..." type="radio" ... />
</fieldset>

rules

Définition des règles de validation du formulaire : Règles de validation

Source de cet article : https://www.nonoweb.net/phpmyform/types-de-champs/champ-radio/