Web表单生成器

最新推荐文章于 2023-12-04 11:16:29 发布

@晨光如水*

最新推荐文章于 2023-12-04 11:16:29 发布

阅读量2.1k

点赞数 4

本文链接：https://blog.csdn.net/weixin_44739339/article/details/88876186

版权

header(“content-type:text/html;charset=utf-8”);//防止乱码

Web表单生成

表单在Web开发中是最基本和常用的功能。在项目的实际开发中，经常需要设计各种各样的表单，直接编写html虽简单，但不利于修改和维护。因此可利用PHP实现一个Web表单生成器。
代码如下：
主要是建立了三个php文件进行引入

data.php

<?php
/**
 * Created by PhpStorm.
 * User: lenovo
 * Date: 19/3/25 025
 * Time: 上午 11:23
 */
$arr=[
    [
        "text" =>"姓     名:",
        "tag" =>"input",
        "attr" =>['type'=>'text','name'=>'username']
    ],
    [
        "text" =>"邮     箱:",
        "tag" =>"input",
        "attr" =>['type'=>'text','name'=>'email']
    ],
    [
        "text" =>"电     话:",
        "tag" =>"input",
        "attr" =>['type'=>'text','name'=>'tel']
    ],
    [
        'tag' => 'input',
        'text' => '性　　别：',
        'attr' => ['type' => 'radio', 'name' => 'gender'],
        'option' => ['m' => '男', 'w' => '女']
    ],
    [
        'tag' => 'input',
        'text' => '爱　　好：',
        'attr' => ['type' => 'checkbox', 'name' => 'hobby[]'],
        'option' => ['swimming'=>'游泳','reading'=>'读书','running'=>'跑步']
    ],
    [
        'tag' => 'select',
        'text' => '住　　址：',
        'attr' => ['name' => 'area'],
        'option' => ['' => '--请选择--', 'BJ' => '北京', 'SH' => '上海', 'SZ' => '深圳','TJ'=>'天津']
    ],
    [
        'tag' => 'textarea',
        'text' => '自我介绍：',
        'attr' => ['name' => 'declare', 'cols' => '50', 'rows' => '5']
    ],
    [
        'tag'=>'input',
        'attr'=>['type'=>'submit','value'=>'提交']
    ]

];

function.php

<?php
/**
 * Created by PhpStorm.
 * User: lenovo
 * Date: 19/3/25 025
 * Time: 上午 11:23
 */
//引入date.php数据
include "date.php";
//综合函数
function generate(){
    global $arr;
    $html="";
    foreach ($arr as $value){
        if($value["tag"]=="input"){
//             生成input标签的函数
                $html.=input_html($value);
        }else if ($value["tag"]=="select"){
//            生成select的函数
            $html.=select_html($value);
        }else if($value["tag"]=="textarea"){
//            生成textarea的函数
            $html.=textarea_html($value);
        }
    }
    return $html;
}
//input函数
function input_html($value){
    $html="";
    //       判断是文本框还是单选按钮
    if ($value["attr"]["type"]=="text"){      //文本框
        $html=$value['text']."<input type='{$value['attr']['type']}' name='{$value['attr']['name']}'>";
    }else if($value["attr"]["type"]=="radio"){       //按钮    单选框
        $html=$value['text'];
        $html.="<input type='{$value['attr']['type']}' name='{$value['attr']['name']}' value='{$value['option']['m']}'>{$value['option']['m']}";
        $html.="<input type='{$value['attr']['type']}' name='{$value['attr']['name']}' value='{$value['option']['w']}'>{$value['option']['w']}";
    }else if($value['attr']['type']=="checkbox"){  //复选框
        $html=$value['text'];
        $html.="<input type='{$value['attr']['type']}' name='{$value['attr']['name']}' value='{$value['option']['swimming']}'>{$value['option']['swimming']}";
        $html.="<input type='{$value['attr']['type']}' name='{$value['attr']['name']}' value='{$value['option']['reading']}'>{$value['option']['reading']}";
        $html.="<input type='{$value['attr']['type']}' name='{$value['attr']['name']}' value='{$value['option']['running']}'>{$value['option']['running']}";
    }else if ($value['attr']['type']=="submit"){
        $html.=" <input type='{$value['attr']['type']}' value='{$value['attr']['value']}'>";
    }
    $html .="<p></p>";
        return $html;
}
//select函数
function select_html($value){
    $html="";
    $html=$value['text'];
    $html.="<select>";
    foreach ($value['option'] as $v){
        $html.="<option value='$v'>$v</option>";
    }
    $html.="</select>";
    $html .="<p></p>";
    return $html;
}
//textares函数
function textarea_html($value){
    $html="";
    $html=$value['text'];
    $html.="<textarea name='{$value['attr']['name']}' cols='{$value['attr']['cols']}' rows='{$value['attr']['rows']}'>";
    $html.="</textarea>";
    $html .="<p></p>";
    return $html;
}

inde.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<form action="">
    <?php
    include "function.php";
    echo generate();
    ?>
</form>
</body>
</html>

效果如下图在这里插入图片描述

@晨光如水*

关注

4
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
Web表单生成器

header(“content-type:text/html;charset=utf-8”);//防止乱码Web表单生成表单在Web开发中是最基本和常用的功能。在项目的实际开发中，经常需要设计各种各样的表单，直接编写html虽简单，但不利于修改和维护。因此可利用PHP实现一个Web表单生成器。代码如下：主要是建立了三个php文件进行引入data.php<?php/**...
复制链接

扫一扫