index.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <html>
  2. <head>
  3. <style>
  4. html, body {
  5. margin:0;
  6. padding:0;
  7. }
  8. #bg{
  9. height:100%;
  10. width:100%;
  11. border: 1px solid green;
  12. position:fixed;
  13. /*background: url(image/login.jpg) no-repeat;text-align:center;*/
  14. /*font-size:2.4em;*/
  15. }
  16. #server-info {
  17. width:100%;
  18. /*height:10%;*/
  19. margin: 5%;
  20. font-size:3.4em;
  21. /* border:1px solid red; */
  22. }
  23. #message{
  24. font-size:2.4em;
  25. margin: 5%;
  26. }
  27. #message_input{
  28. font-size:1.4em;
  29. width:50%;
  30. height:1.2em;
  31. border-radius:4px;
  32. /*border:1px solid #c8cccf;*/
  33. border:1px solid black;
  34. /*color:#6a6f77;*/
  35. color:black;
  36. }
  37. #message_sumit{
  38. width:20%;
  39. height:5%;
  40. font-size:1.0em;
  41. }
  42. #textarea {
  43. /*border:5px;*/
  44. /*border-radius:5px;*/
  45. background-color:rgba(241,241,241,.98);
  46. width: 355px;
  47. height: 100px;
  48. padding: 10px;
  49. resize: none;
  50. font-size:50px;
  51. margin: 5%;
  52. /*" placeholder="询价备注(尺寸、材质等)"*/
  53. }
  54. </style>
  55. <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
  56. <script src="lockStepClient.js"></script>
  57. <script src="main.js"></script>
  58. </head>
  59. <body>
  60. <div id = 'bg'>
  61. <div id = 'server-info'>服务器返回信息</div>
  62. <div id="message" >
  63. <div id="title">用户名:</div>
  64. <input type="text" name="message" id="message_input">
  65. <input type="submit" value="匹配" id="message_sumit">
  66. </div>
  67. <div Id = 'textarea'>
  68. <textarea Id="textarea_id" rows="30" cols="120"></textarea>
  69. </div>
  70. </div>
  71. </body>
  72. </html>