界面操作集锦

1，table 中增加<tbody>标签，可以使table中tr加载后即显示。不需要等到整个table加载结束。
2，控制文本框中英文大写，可以通过样式来控制。在样式中增加font-variant:small-caps;即可。
3,在table属性上增加word-break:break-all; table-layout: fixed;。可以在遇到英文字符数字等，使它能按照table设定的宽度自动换行，不会把table撑宽。在table的td里面有div或者table的时候，也可以强制其换行，不会影响到table样式
4鼠标经过表格行，表格变色
演示效果：
 <style type="text/css"> #ordered{598px;background:#a5a5a5;text-align:center;} #ordered th{background-color:#d8e4c6;height:30px;line-height:30px;color: #404040;font-weight: bold;} #ordered tr{background-color:#fff;cursor:pointer; event:expression(onmouseover = function(){this.style.backgroundColor='#fffbe8'},onmouseout = function(){this.style.backgroundColor='#FFFFFF'}); } #ordered tr:hover{background:#fffbe8;} #ordered td{height:25px;line-height:25px;} </style> <table cellspacing="1" id="ordered"> <tr > <th>品名</th> <th>型号</th> <th>市场标价</th> <th>优惠价格</th> <th>订购数量</th> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> </table>

提示：可以先在文本框内，根据需要修改代码后再运行