Question

我有一个带有2-cols的大数据表，其中存储输入字段（type="text"），没有事件，只有HTML和CSS焦点和悬停属性，所以这里是HTML：

            <tr <?=($pKey%2!=0)?'style="background-color:#eee;"':''?>>
               <td>
 Some data: 
               </td>
               <td>
 Some data: 
               </td>               
               <td width="200">
                  <input type="hidden" name="cyber_id[]" value="<?=$pVal?>"/>

                  <input name="bank_commission[]" type="text" class="bank_commission" value=""/>
               </td>
               <td>
                  <input name="bank_reward[]" type="text" class="bank_reward" value=""/>          
               </td>               
            </tr>

每个字段的CSS：

input {
    border: 1px solid #888;
    font: normal 14px Tahoma;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*behavior: url(/style/PIE.php);*/
    padding: 3px;
    color: #555;
    outline: 0 none;
}

input:hover {
    border: 1px solid #0075BB;
    font: normal 14px Tahoma;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*behavior: url(/style/PIE.php);*/
    padding: 3px;
    outline: 0 none;
}
input:focus {
    border: 1px solid #0075BB;
}

确切的问题是，当我点击过去2-4秒后光标显示的字段时，这对用户来说不太好。 <{1}}和bank_commission都没有CSS，所以这不是重点。

Answer 1

表单元素过多，表格中的内容也一定会占用浏览器...为什么不尝试以块的形式显示数据....比如100行的块并添加延迟加载来加载下一个数据块...以及如果您将表格布局转换为div布局，那么它也会使页面更轻。

慢速关注Chrome中的输入字段

1 个答案: