当前位置:首页 > CMS教程 > WordPress > 列表

wordpress基础插件开发5-后台常用HTML总结

发布:smiling 来源: PHP粉丝网  添加日期:2018-12-02 16:12:21 浏览: 评论:0 
  1. <div class="wrap"
  2. <!--插件页面标题--> 
  3. <h2>这是我的插件顶级菜单页面</h2><div id="message" class="updated"><p><strong>设置保存成功</strong></p></div><div id="message" class="error"><p><strong>保存出现错误</strong></p></div> 
  4.  
  5.  
  6.  
  7. <!--信息提示--> 
  8.  
  9. <!--表单按钮--> 
  10. <p> 
  11. <input type="submit" name="Save" value="保存设置"
  12. <input type="submit" name="Save" value="保存设置" class="button"
  13. <input type="submit" name="Save" value="保存设置" class="button button-primary"
  14. <input type="submit" name="Save" value="保存设置" class="button button-secondary"
  15. <input type="submit" name="Save" value="保存设置" class="button button-large"
  16. <input type="submit" name="Save" value="保存设置" class="button button-small"
  17. <input type="submit" name="Save" value="保存设置" class="button button-hero"
  18. </p> 
  19.  
  20.  
  21.  
  22.  
  23.  
  24. <!--链接按钮--> 
  25. <p> 
  26. <a href="javascript:;">搜索</a> 
  27. <a href="javascript:;" class="button">搜索</a> 
  28. <a href="javascript:;" class="button button-primary">搜索</a> 
  29. <a href="javascript:;" class="button button-secondary">搜索</a> 
  30. <a href="javascript:;" class="button button-large">搜索</a> 
  31. <a href="javascript:;" class="button button-small">搜索</a> 
  32. <a href="javascript:;" class="button button-hero">搜索</a> 
  33. </p> 
  34.  
  35.  
  36.  
  37.  
  38. <!--提交信息的表单--> 
  39. <form method="POST" action=""
  40. <table class="form-table"
  41. <tbody><tr valign="top"
  42. <th><label for="xingming">姓名:</label></th> 
  43. <td><input id="xingming" name="xingming"></td> 
  44. </tr> 
  45. <tr valign="top"
  46. <th><label for="shenfen">身份:</label></th> 
  47. <td> 
  48. <select name="shenfen"
  49. <option value="在校">在校</option> 
  50. <option value="毕业">毕业</option> 
  51. </select> 
  52. </td> 
  53. </tr> 
  54. <tr valign="top"
  55. <th><label for="xingbie">性别:</label></th> 
  56. <td> 
  57. <input type="radio" name="xingbie" value="男">男 
  58. <input type="radio" name="xingbie" value="女">女 
  59. </td> 
  60. </tr> 
  61. <tr valign="top"
  62. <th><label for="beizhu">备注:</label></th> 
  63. <td> 
  64. <textarea name="beizhu"></textarea> 
  65. </td> 
  66. </tr> 
  67. <tr valign="top"
  68. <td> 
  69. <input type="submit" name="save" value="保存" class="button-primary"
  70. <input type="submit" name="reset" value="重置" class="button-secondary"
  71. </td> 
  72. </tr> 
  73. </tbody></table> 
  74. </form> 
  75.  
  76.  
  77.  
  78.  
  79.  
  80. <!--表格--> 
  81. <table class="widefat striped"
  82. <thead> 
  83. <tr><th>序号</th><th>姓名</th></tr> 
  84. </thead> 
  85. <tbody> 
  86. <tr> 
  87. <td>1</td> 
  88. <td>我的姓名</td> 
  89. </tr> 
  90. <tr> 
  91. <td>2</td> 
  92. <td>我的学历</td> 
  93. </tr> 
  94. <tr> 
  95. <td>3</td> 
  96. <td>我的工作经验</td> 
  97. </tr> 
  98. <tr> 
  99. <td>4</td> 
  100. <td>我的项目</td> 
  101. </tr> 
  102. </tbody> 
  103. </table> 
  104.  
  105.  
  106.  
  107.  
  108. <!--分页按钮--> 
  109. <div class="tablenav"
  110. <div class="tablenav-pages"
  111. <span class="displaying-num">第1页,共458页</span> 
  112. <span class="page-numbers current">1</span> 
  113. <a href="javascript:;" class="page-numbers">2</a> 
  114. <a href="javascript:;" class="page-numbers">3</a> 
  115. <a href="javascript:;" class="page-numbers">4</a> 
  116. <a href="javascript:;" class="page-numbers">5</a> 
  117. <a href="javascript:;" class="next page-numbers">>></a> 
  118. </div>  
  119. </div> 
  120.  
  121. <div class="clear"></div></div> 

Tags: 基础插件 后台HTML

分享到: