Cet article décrit le générateur de formulaire Web PHP avec des exemples. Partagez-le avec tout le monde pour référence, comme suit?:

1. Exemple?:

Recommandations d'apprentissage associées?: Programmation PHP dès l'entrée. à Ma?triser

2. Analyse des besoins

Dans le développement même des projets, il est souvent nécessaire de concevoir diverses formes. Bien qu'il soit simple d'écrire directement des formulaires HTML, il est relativement difficile à modifier et à maintenir.
Par conséquent, vous pouvez utiliser PHP pour implémenter un générateur de formulaires Web, afin de pouvoir personnaliser des formulaires avec différentes fonctions en fonction de besoins spécifiques. Les exigences spécifiques de mise en ?uvre sont les suivantes?:

• Utiliser des tableaux multidimensionnels pour enregistrer les informations liées au formulaire
• Les éléments de formulaire pris en charge incluent les zones de texte, les champs de texte, les zones radio, cases à cocher et 5 types de listes déroulantes
• Enregistrez la balise, le texte d'invite, les attributs, les valeurs d'option, les valeurs par défaut, etc. de chaque élément du formulaire
• Encapsulez la fonction dans une fonction et générer le formulaire spécifié en fonction des paramètres transmis

La manière dont les données sont enregistrées détermine la manière dont le programme est mis en ?uvre.
Par conséquent, selon les exigences de développement ci-dessus, chaque élément de formulaire peut être utilisé comme élément de tableau, et chaque élément est décrit par un tableau associatif, qui sont : une balise, un texte d'invite, un attr de tableau d'attributs, une option de tableau d'options et valeur par défaut.

3. Mise en ?uvre du cas

1. Préparer le formulaire

La fonction principale du formulaire : sur la page Web La zone utilisée pour saisir les informations collecte les informations saisies par l'utilisateur et les soumet au serveur principal pour traitement afin de réaliser l'interaction entre l'utilisateur et le serveur.
Par exemple?: le règlement des achats, la recherche d'informations, etc. sont tous mis en ?uvre via des formulaires.

2. Préparer le formulaire - créer le formulaire

Un formulaire complet est composé de champs de formulaire et de contr?les de formulaire. Parmi eux, le champ du formulaire est défini par la balise form et est utilisé pour collecter et transférer les informations de l'utilisateur.

<form action="form.php" method="post" enctype="multipart/form-data">
  <!-- 各種表單控件 -->
</form>

">" est une balise de commentaire HTML utilisée pour l'explication et la description.

• La valeur de l'attribut action peut être un chemin absolu ou un chemin relatif. Si cet attribut est omis, cela signifie le soumettre au courant. fichier pour traitement.
  Le formulaire passé par la méthode GET est visible dans la barre d'adresse URL.
  Par rapport à la méthode GET, les données soumises par la méthode POST sont invisibles et relativement s?res lors de l'interaction. Par conséquent, POST est généralement utilisé pour soumettre des données de formulaire.
• La valeur par défaut de l'attribut enctype est application/x-www-form-urlencoded, ce qui signifie que tous les caractères sont codés avant d'envoyer les données du formulaire. De plus, il peut également être défini sur multipart/form-data (mode POST) pour indiquer qu'aucun codage de caractères n'est effectué, en particulier les formulaires contenant des téléchargements de fichiers doivent utiliser cette valeur définie sur text/plain (mode POST) pour transmettre du texte ordinaire?; .

3. Préparez le formulaire - contr?le de formulaire

//input控件
<input type="text" name="user" value="test">	<!-- 文本框 -->
<input type="password" name="pwd" value="">		<!-- 密碼框 -->
<input type="file" name="upload">     		<!-- 文件上傳域 -->
<input type="hidden" name="id" value="2"> 		<!-- 隱藏域 -->
<input type="reset" value="重置">     		<!-- 重置按鈕 -->
<input type="submit" value="提交">    		<!-- 提交按鈕 -->

• Définissez différentes valeurs??pour l'attribut type afin d'obtenir différents contr?les de formulaire
• nom l'attribut est utilisé Spécifiez le nom du contr?le pour distinguer plusieurs contr?les identiques dans le formulaire
• L'attribut value est utilisé pour définir la valeur par défaut du contr?le de formulaire

//input控件
<!-- 單選框 -->
<input type="radio" name="gender" value="m" checked> 男
<input type="radio" name="gender" value="w"> 女
<!-- 復選框 -->
<input type="checkbox" name="hobby[]" value="swimming"> 游泳
<input type="checkbox" name="hobby[]" value="reading"> 讀書
<input type="checkbox" name="hobby[]" value="running"> 跑步

• L'attribut vérifié est utilisé pour définir l'élément sélectionné par défaut

//textarea控件
<textarea name="introduce" cols="5" rows="10">
<!-- 文本內(nèi)容 -->
</textarea>

• Le contr?le textarea convient à l'auto-évaluation, aux commentaires et à d'autres fonctions pouvant nécessiter la saisie d'une grande quantité d'informations
• Les attributs cols et rows servent à définir la hauteur et la largeur de la zone de texte

//select控件
<select name="area">
  <option selected>--請選擇--</option>
  <option value="Beijing">北京</option>
  <option value="Shenzhen">深圳</option>
  <option value="Shanghai">上海</option>
</select>

• select est la balise qui définit la liste déroulante
• option est la balise qui définit les options spécifiques dans la liste déroulante
• L'attribut sélectionné est utilisé pour définir l'élément sélectionné par défaut

4 Préparer le formulaire - balise d'étiquette.

Lors de l'écriture de contr?les de formulaire, afin de fournir une meilleure expérience utilisateur, les contr?les de saisie sont souvent utilisés en conjonction avec les balises d'étiquette.
Par exemple, lors de la sélection du sexe, cliquez sur le texte d'invite ??Homme?? ou ??Femme??, ou sélectionnez le bouton radio correspondant.
Utilisez les balises d'étiquette pour envelopper les boutons radio et le texte d'invite, de sorte que lorsque vous cliquez sur le contenu de la balise d'étiquette, le contr?le de formulaire correspondant soit sélectionné.

<label><input type="radio" name="gender" value="m">男</label>
<label><input type="radio" name="gender" value="w">女</label>

5. Tableau multidimensionnel

Selon l'analyse de la demande du cas, les données pertinentes des éléments du formulaire sont uniformément enregistrées dans un tableau multidimensionnel. . Parmi eux, les noms de clés numériques sont utilisés pour distinguer différents éléments de formulaire, et chaque élément de formulaire est un tableau associatif bidimensionnel.

// 利用多維數(shù)組保存表單元素
[
  0 => [],	// 表單項---單選按鈕
  1 => [],	// 表單項
  2 => [],	// 表單項---文本框
  3 => [],	// 表單項
  ……
];

// 每個表單項的數(shù)組結構
0 => [
  'tag' => '', 	// 標記----input、textarea、select
  'text' => '', 	// 提示文本----label標簽內(nèi)顯示的內(nèi)容
  'attr' => [],	// 屬性數(shù)組----表單元素的屬性，如type
  'option' => [], 	// 選項數(shù)組----單選框或復選框中的每個選項
  'default' => ''	// 默認值----默認值
],

//準備表單數(shù)組
// $elements數(shù)組保存整個表單
$elements = [
  0 => [],		// 第1個表單項數(shù)組
  1 => [],		// 第2個表單項數(shù)組
];

//文本框
0 => [
  'tag' => 'input',
  'text' => '姓　　名：',
  'attr' => ['type' => 'text', 'name' => 'user']
],

//單選框
3 => [
  'tag' => 'input',
  'text' => '性　　別：',
  'attr' => ['type' => 'radio', 'name' => 'gender'],
  'option' => ['m' => '男', 'w' => '女'],
  'default' => 'm'
 ],

l'option utilise un tableau associatif pour enregistrer des options radio spécifiques. Les noms de clé m et w sont les attributs de valeur du bouton radio, et les valeurs correspondantes "male" et ". femelle" sont les options uniques. Les informations d'invite de l'option
La valeur par défaut est un nom de clé dans le tableau associatif d'options, indiquant quel élément est sélectionné par défaut

//復選框
4 => [
  'tag' => 'input',
  'text' => '愛　　好：',
  'attr' => ['type' => 'checkbox', 'name' => 'hobby[]'],
  'option' => ['swimming' => '游泳', 'reading' => '讀書', 'running' => '跑步'],
  'default' => ['swimming', 'reading']
],

//下拉列表
5 => [
  'tag' => 'select',
  'text' => '住　　址：',
  'attr' => ['name' => 'area'],
  'option' => ['' => '--請選擇--', 'BJ'=>'北京', 'SH'=>'上海', 'SZ'=>'深圳']
],

//文本域
6 => [
  'tag' => 'textarea',
  'text' => '自我介紹：',
  'attr' => ['name' => 'introduce', 'cols' => 50, 'rows' => 5]
],

//提交按鈕
7 => [
  'tag' => 'input',
  'attr' => ['type' => 'submit', 'value' => '提交']
]

Génération automatique de le formulaire

1. Génération automatique du formulaire - lecture du tableau $elements

Idées d'implémentation

• Afin de faciliter le traitement des données soumises par l'utilisateur, chaque élément de formulaire dans $elements est fusionné avec le tableau spécifié, de sorte que chaque élément de formulaire contienne cinq clés?: balise, texte, attr, option et éléments par défaut. dans le même ordre.
• Selon la valeur de la balise, appelez les fonctions préfixées par "generate_" pour épisser les éléments du formulaire
• Chaque élément du formulaire occupe une ligne et renvoie le formulaire épissé

2. Génération automatique de formulaires - épissage des attributs des éléments de formulaire

Idées d'implémentation

• Définir la fonction generate_attr($attr, $items = ' ' ) est utilisé pour terminer l'épissage des attributs des éléments de formulaire
• La clé de l'élément dans le tableau $attr est le nom de l'attribut et la valeur de l'élément est la valeur de l'attribut
• Terminez l'épissage des attributs et des $items via traversal et return, tels que type="radio" name="gender"

3. Génération automatique de formulaires - épissage des éléments d'entrée

Idées d'implémentation

Déterminer s'il s'agit d'une sélection unique ou d'une sélection multiple selon qu'elle contient des éléments d'option
• Sinon, appelez directement la fonction d'attribut pour terminer l'épissage des éléments de formulaire
• Si tel est le cas, parcourez séquentiellement Terminez l'épissage de plusieurs options et revenez
• 
  

Idées d'implémentation

épissez l'option option de la liste déroulante
• Terminez l'épissage complet de la balise select et revenez
• 

Idées d'implémentation

épissage des attributs de l'élément textarea
• épisser complètement la zone de texte et revenir
• 
  

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!