boke.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>生成CSDN博客图片</title>
  6. <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
  7. </head>
  8. <body>
  9. <img src="demo.jpg" width="50%" style="margin:80px 25% 80px 25%;"/>
  10. <form class="form-horizontal" role="form" method="get" action=csdn.php>
  11. <div class="form-group" >
  12. <label class="col-sm-4 control-label">CSDN名称</label>
  13. <div class="col-sm-5">
  14. <input type="text" name="name" class="form-control" placeholder="请输入CSDN名字">
  15. </div>
  16. </div>
  17. <div class="form-group">
  18. <label class="col-sm-4 control-label">访问人数</label>
  19. <div class="col-sm-5">
  20. <input type="text" name="people" class="form-control" placeholder="请输入访问人数">
  21. </div>
  22. </div>
  23. <div class="form-group">
  24. <label class="col-sm-4 control-label">排名</label>
  25. <div class="col-sm-5">
  26. <input type="text" name="ranking" class="form-control" placeholder="请输入排名">
  27. </div>
  28. </div>
  29. <div class="form-group">
  30. <label class="col-sm-4 control-label">积分</label>
  31. <div class="col-sm-5">
  32. <input type="text" name="integral" class="form-control" placeholder="请输入积分">
  33. </div>
  34. </div>
  35. <div class="form-group" >
  36. <div class="col-sm-offset-4 col-sm-5">
  37. <button type="submit" class="btn btn-info btn-block" >提交生成</button>
  38. </div>
  39. </div>
  40. </form>
  41. </body>
  42. </html>