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

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>