美文网首页
php实战第一天

php实战第一天

作者: 我和我的火柴 | 来源:发表于2019-08-20 01:28 被阅读0次
    留言板

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>我的留言板</title>

    <style type="text/css">

    #message{

    margin: 0px auto;

    width: 800px;

    }

    .way{

    overflow: hidden;

    }

    .content{

    width: 794px;

    }

    .user{

    float: left;

    }

    .btn{

    float:right;

    }

    .msg{margin:50px 0px;padding: 10px;background: #ccc;}

    .msg .info{overflow: hidden;}

    .msg .user{float: left;color: blue;}

    .msg .time{float: right;color: #999;}

    .msg .content{width: 100%;margin:20px 0px;color: red;}

    </style>

    </head>

    <body>

    <div id="message">

    <!--发表留言-->

    <div class="way">

    <form action="123.php" method="post">

    <textarea name="content" class="content" cols="50" rows="5"></textarea>

    <input class="user" type="text" name="text"/>

    <input class="btn" type="submit"  value="发表留言">

    </form>

    </div>

    <!--留言内容-->

    <div class="msg">

    <div class="info">

    <span class="user">用户名:</span>

    <span class="time">2019年11月13日</span>

    </div>

    <div class="content">

    我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容

    </div>

    </div>

    <div class="msg">

    <div class="info">

    <span class="user">用户名:</span>

    <span class="time">2019年11月13日</span>

    </div>

    <div class="content">

    我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容

    </div>

    </div>

    <div class="msg">

    <div class="info">

    <span class="user">用户名:</span>

    <span class="time">2019年11月13日</span>

    </div>

    <div class="content">

    我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容我是留言内容

    </div>

    </div>

    </div>

    </body>

    </html>

    加油哦!

    相关文章

      网友评论

          本文标题:php实战第一天

          本文链接:https://www.haomeiwen.com/subject/zjnysctx.html