sichuan-sichuan-opera-network
/
message.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线留言</title>

    <link rel="shortcut icon" href="./images/logo_t.ico">
    <link rel="stylesheet" href="css/mess.css">

</head>

<body>
    <header>
        <div class="logo">
            <div class="center-circle"></div>
        <div class="circle-border"></div>
        <div class="circle-border"></div>
            <audio loop="" id="music">
         <source src="./images/music1.mp3" type="audio/mpeg">
     </audio>
         </div>
        <div class="top_r">
            <ul class="meau">
                <li><a href="index.html">首页</a></li>
                <li><a href="dynamic.html">川剧动态</a></li>
                <li><a href="history.html">历史文化</a></li>
                <li><a href="stage photo.html">剧照</a></li>
                <li><a href="#">在线留言</a></li>
            </ul>
        </div>
    </header>
    <main>
         <h2>在线留言</h2>
        <p>如果您有什么好的建议,请留言,我们会在第一时间内与您取得联系</p>
        <hr>
        <form>
            <table>
                <tr>
                    <td>留言标题：</td>
                    <td><input type="text" required></td>
                </tr>
                <tr>
                    <td>您的名字：</td>
                    <td><input type="text" autocomplete="off" required></td>
                </tr>
                <tr>
                    <td>联系电话：</td>
                    <td><input type="text" required
                            pattern="^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9]\d{8}$)"></td>
                </tr>
                <tr>
                    <td>您的邮箱：</td>
                    <td><input type="email" required></td>
                </tr>
                <tr>
                    <td>联系地址：</td>
                    <td><input type="text" required></td>
                </tr>
                <tr>
                    <td>您的建议：</td>
                    <td>
                        <textarea name="" id="" cols="30" rows="10" placeholder="请输入您的建议" required></textarea>
                    </td>
                </tr>
                <tr>
                    <td><button>提交留言</button></td>
                </tr>
            </table>
        </form>
    </main>
    <!-- 脚注开始 -->
    <footer>
        <div class="w">
            <div class="logo1"><img src="./images/logo_q.png" alt="">
                <p>咨询热线：666-888-999</p>

            </div>
            <div class="links"> 友情链接
                <a href="https://www.baidu.com/">百度</a>
                <a href="https://www.xiaohongshu.com/">小红书</a>
                <a href="https://www.bilibili.com/">哔哩哔哩</a>
                <a href="https://www.httpcn.com/">四川文化网</a>
            </div>
            <div class="about">关于我们
                <a href="#">团队成员</a>
                <a href="#">商务合作</a>
                <a href="#">联系客服</a>
                <a href="#">快速咨询</a>
            </div>
            <div class="weixin">
                <img src="./images/wei.jpg" alt="">
                <img src="./images/shou.jpg" alt="">
                <img src="./images/zhi.jpg" alt="">
            </div>

        </div>
        <div class="copy">
            <p>&copy 本产品由野狼团队制作，未经允许禁止转载商用!</p>
            <p>违者必究!</p>
        </div>

    </footer>
    <script src="./js/music.js"></script>
    <script src="./js/tab.js"></script>
    <script src="./js/container.js"></script>
</body>

</html>