HTML文本框相關的查詢

Question

1. 在HTML：如何使text-box值一旦進入&保存爲read-only/in凍結模式，但仍清晰可見？

2. 在HTML：如何使text-box值與以相同的形式&結果在text-box顏色變化（類似於MS-EXCEL條件格式）的另一字段值進行比較？

Answer 1

至於＃1，請使用readonly屬性。至於＃2，請使用javascript。舉例來說，在jQuery的：

$('#input1').change(function() { 
    if ($('#input1').val() == $('#input2').val()) { 
     $('#input1').addClass("same"); 
    } else { 
     $('#input1').addClass("notSame"); 
    } 
}); 

Answer 2

正如Socha23說，使用你的第一個問題readonly屬性。

第二。用jQuery這樣做會更容易，如this fiddle。

$('#tb').keyup(function() { 
    $(this).css('background-color', getTbColor($(this).val())); 
}); 

function getTbColor(value) { 
    switch(value) { 
     case 'red': return '#ff0000';  
     case 'yellow': return '#ffff00';  
     case 'green': return '#00ff00';  
     case 'blue': return '#0000ff'; 
     default: return '#ffffff';   
    } 
} 

不知道您在您的評論的意思，但也許你的意思是這類這this fiddle.

$('#confirm').keyup(function() { 
    var color = $(this).val() == $('#email').val() ? '#ffffff' : '#ffcccc'; 
    $(this).css('background-color', color); 
});