HTML文本框相关查询

在HTML中：如何使

文本框

值在输入并保存为

只读/处于

冻结模式后仍然可见

在HTML中：如何将

文本框

值与相同格式的另一个字段值进行比较，并导致

文本框

颜色变化（类似于MS-EXCEL条件格式）

对于#1，使用

readonly

属性。至于#2，使用javascript。例如，在jquery中：

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

正如Socha23所说，在第一个问题中使用属性

第二次。这样做会更容易，就像在

我不确定你在评论中的意思，但也许你在评论中的意思是这样的

---

非常感谢您的快速回复：）但是如何将其与相同形式的其他列字段进行比较呢？。我真的不明白你的意思

$（'#yourlementId'）.val（）

将获取jQuery中输入字段的值。例如，您的意思是，如果该值与另一个文本框不匹配，您希望它变为红色吗？比如确认一个电子邮件地址或什么的时候？你不能只用html来做这件事；要更新/修改您需要使用的页面的DOM。此外，如果没有看到html（如何“保存”值？），我们就无法真正为第1部分提供具体的答案，如果不知道要比较哪些字段以及要应用哪些样式，就很难为第二部分提供解决方案。

$('#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';           
    }
}

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