Maison >développement back-end >tutoriel php >Étude de cas Générateur de formulaires Web PHP
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 :
Recommandations d'apprentissage associées : Programmation PHP dès l'entrée. à Maîtriser
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 :
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.
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.
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.
//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="提交"> <!-- 提交按钮 -->
//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"> 跑步
//textarea控件 <textarea name="introduce" cols="5" rows="10"> <!-- 文本内容 --> </textarea>
//select控件 <select name="area"> <option selected>--请选择--</option> <option value="Beijing">北京</option> <option value="Shenzhen">深圳</option> <option value="Shanghai">上海</option> </select>
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>
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.
// 利用多维数组保存表单元素 [ 0 => [], // 表单项---单选按钮 1 => [], // 表单项 2 => [], // 表单项---文本框 3 => [], // 表单项 …… ];
// 每个表单项的数组结构 0 => [ 'tag' => '', // 标记----input、textarea、select 'text' => '', // 提示文本----label标签内显示的内容 'attr' => [], // 属性数组----表单元素的属性，如type 'option' => [], // 选项数组----单选框或复选框中的每个选项 'default' => '' // 默认值----默认值 ],
//准备表单数组 // $elements数组保存整个表单 $elements = [ 0 => [], // 第1个表单项数组 1 => [], // 第2个表单项数组 ];
//文本框 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 "mâle" 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' => '提交'] ]
Idées d'implémentation
Idées d'implémentation
Idées d'implémentation
Idées d'implémentation
Idées d'implémentation
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!