HTML-JQuery网页评论回复页面

最新推荐文章于 2024-04-04 05:41:04 发布

Cool__King

最新推荐文章于 2024-04-04 05:41:04 发布

阅读量1.1w

点赞数 3

分类专栏： HTML 文章标签： JQuery

本文链接：https://blog.csdn.net/Cool__King/article/details/80772999

版权

HTML 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>评论回复页面</title>
    <meta charset="utf-8" />
    <style>
        #tb {
            width: 200px;
            border: 2px solid black;
        }
    </style>
    <script src="Scripts/jquery-1.11.3.js"></script>
    <script>
        //文档就绪函数
        $(function () {
            //按钮点击事件
            $("#btn1").click(function () {
                var message = $("<tr><td>" + $("#name").val() + "</td><td>" + $("#txt").val() + "</td></tr>");
                $("#tb").append(message);
            });
        });
    </script>
</head>
<body>
    <!--评论表格-->
    <table id="tb" rules="all">
        <tr>
            <td>
                姓名：
            </td>
            <td>
                评论：
            </td>
        </tr>
    </table>
    <!--写回复区-->
    <table>
        <tr>
            <td>用户名：</td>
            <td>
                <input id="name" type="text" />
            </td>
        </tr>
        <tr>
            <td>
                评论：
            </td>
            <td>
                <textarea id="txt"></textarea>
            </td>
        </tr>
    </table>
    <!--提交按钮-->
    <input id="btn1" type="button" value="提交" />
</body>
</html>

Cool__King

关注

3
点赞
踩
25

收藏

觉得还不错? 一键收藏
21
评论
HTML-JQuery网页评论回复页面

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;评论回复页面&lt;/title&gt; &lt;meta chars
复制链接

扫一扫