码迷,mamicode.com
首页 > 其他好文 > 详细

tp5表单提交

时间:2019-01-07 01:29:29      阅读:277      评论:0      收藏:0      [点我收藏+]

标签:文件中   submit   请求方法   min   img   输入   lib   script   type   

1,在对应html文件中添加一个表单(注意定义的数据请求方式与控件的name值):

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>发布留言</title>
        <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    </head>
    <body>
        <div class="container">
                <h1>发布留言</h1>
                <form action="" method="post">
                    <div class="form-group">
                        标题:<input id="title" class="form-control" type="text" name="title" placeholder="请输入留言标题" />
                    </div>
                    <div class="form-group">
                        <textarea id="content" class="form-control" name="content" placeholder="请输入留言内容"></textarea>
                    </div>
                    <button type="submit" class="btn">发布</button>
                </form>
        </div>
    </body>
</html>

效果如下:

技术分享图片

2,找到后台对应方法,我这边为add方法(导入use think\Request类):

public function add()
    {
        #实例化一个request
        $request = Request::instance();
        #判断请求方式
        #echo "请求方法为:" . $request -> method() . "<br />";
        
        echo "请求参数:";
        #批量获取请求参数
        #dump($request -> param());

        #单个获取请求参数
        echo Request::instance() -> param(‘title‘) . "<br />";
        echo Request::instance() -> param(‘content‘);

        return $this -> fetch();
    }

3,运行效果:

技术分享图片

 

tp5表单提交

标签:文件中   submit   请求方法   min   img   输入   lib   script   type   

原文地址:https://www.cnblogs.com/wangjiayi/p/10231169.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!