返回客服文本框00......登陆

客服文本框001

A00A-KAจุ๊บ 2019-08-29 11:47:5122

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

   <meta name="viewport" content="width=device-width, initial-scale=1.0">

   <meta http-equiv="X-UA-Compatible" content="ie=edge">

   <title>客服文本框</title>

   <style>

      .box{

          width: 450px;

          height: 650px;

          background: lightblue;

          margin: 0 auto;

      }

      #text1{

          width: 371px;height: 64px;background: lightyellow;margin-left: 5px;float: left;

      }

      .bt1{

          width: 60px;height: 40px;background: black;color: white;}

      h2{

          text-align: center;

      }

      .bt1:hover{

          background: orange;

         

      }

      .box1{

          height: 500px;width: 400px;background: #ccc;border: 1px solid black;margin: 10px auto;color: black;

      }

   </style>

</head>

<body>

   <div class="box">

       <h2>在线客服</h2>

       <div class="box1">

           <ul></ul>

       </div>

       <textarea name="info" id="text1" cols="30" rows="10"></textarea>

       

       <button class="bt1">提交</button>

   </div>

   <!-- <script>

       let text=document.getElementsByName('info')[0];

       let button=document.getElementsByTagName('button')[0];

       let ul=document.getElementsByTagName('ul')[0];

       

       

       button.onclick=function(){

           let li=document.createElement('li');

           

           li.innerHTML=text.Value;

           ul.appendChild('li');

           text.Value='';

       }

   </script> -->

</body>

</html>


最新手记推荐

• 新闻模块对应模块的代码• 依赖注入小例子• 模板显示用户信息表,并分页显示• 模板继承,模仿php页面• 模拟用户登录验证的案例 依赖注入 Facade

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网