0

入力フィールド ( ) を格納する 2 列の大きなデータ テーブルが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 秒後に表示されるフィールドをクリックすると、これはユーザーにとって良いことではないということです。bank_commissionどちらもor にもCSS がbank_rewardないので、これはポイントではありません。

4

1 に答える 1

0

フォーム要素が多すぎると、テーブル内でも間違いなくブラウザーが占有されます...データをチャンクで表示してみませんか....たとえば、100行のチャンクで、次のチャンクをロードするために遅延読み込みを追加しますデータ...また、テーブル レイアウトを div レイアウトに変換すると、ページが軽くなります。

于 2012-07-20T10:00:57.230 に答える