javascript - 部分文本框只读，具有默认值

Question

我们可以将文本框的一部分显示为只读并使用默认值吗？

我想在文本框中显示一个前面带有两个零的数字，并且这两个零必须不可编辑。

Answer 1

不可能将文本框部分设置为只读(至少对于纯 css 和 html)，而将其部分设置为非只读。不过，您可以执行类似于 twitter bootstrap 的操作，只需将背景颜色更改为白色，使其看起来像是一个输入。

HTML:

  <div class="input-group">
    <input type="text" class="form-control">
    <span class="input-group-addon">.00</span>
  </div>

覆盖:

.input-group { 
    width:50%;
}
.input-group .form-control {
    border-right:none;
}
.input-group .input-group-addon {
    background-color:#fff;
    border-left:none;
}

fiddle :

http://jsfiddle.net/QJu3y/2/

Bootstrap :

http://getbootstrap.com/components/#input-groups-basic