使文本框无法选择

Question

嗨我有一个文本框，我用它作为一个计数器来显示在另一个文本框中仍然允许多少个字符。我已将它设为只读且背景透明，因此您无法告诉它是一个选择框。唯一的问题是你仍然可以点击它或选项卡。有没有办法做到这一点，所以它看起来就像普通的文字，人们不能点击它或标签到它？

Answer 1

如果这是Asp.Net Web Control设置Enabled属性为false

<asp:TextBox Enabled="false" />

如果是HTML，您可以这样做：

<input type="text" disabled />

Answer 2

你需要一些带有CSS的样式和Jquery的一些技巧。

<强> CSS

.readonly{
    border:none;
    background:#aaa;    
}​

<强> Jquery的

 $(".readonly").focus(function(){
       $(this).blur();
});​

现在只需将class="readonly"添加到您的文本框中。

<asp:TextBox cssClass="readonly" />

检查演示here。

Answer 3

只需将input元素替换为span元素或其他非输入元素即可。这需要对您的JavaScript进行微不足道的更改;您将分配给元素的innerHTML属性而不是value。然后内容将显示为普通文本，您可以根据需要设置样式。