javascript - 无法删除的输入字段中的文本

Question

我有一个输入字段，例如

<input type="text" value="static text">
</input>

有没有可能是static text无法删除或选中？这是必需的，以便用户可以在“静态文本”之后输入文本。

Answer 1

我建议您这样做(只是 HTML 和 CSS 解决方案):

<label for='txt'>static text
   <input type="text" id='txt' value=""/>
</label>

将你的 input[type=text] 放在 label 中，并提供一些 id，就像我在这里给出的 #txt 并做一些样式在 css 中如下:

#txt {
   border:none;
   outline:none;
}
label[for="txt"] {
   border:solid 1px #d5d5d5;
   padding: 0 0 0 5px;
}

A demo for you.