如何禁用输入框内的文本?

时间:2015-08-20 02:59:36

标签: html css

如何在输入框中禁用文字?

<input type="text" value="Username"> 

应禁用用户名。但它应该在输入框内可点击。 我怎么能这样做?

1 个答案:

答案 0 :(得分:2)

我相信您希望将文本框设置为只读。

要使文本框为只读,可以使用readonly属性。通过使其成为只读,用户无法更改文本框的值。但是,可以通过单击来聚焦文本框。

&#13;
&#13;
<input type="text" value="Username" readonly="readonly" />
&#13;
&#13;
&#13;

还有其他名为disabled的财产。如果您在文本框中使用此功能,则用户无法更改该值,也无法单击该值。

&#13;
&#13;
<input type="text" value="Username" disabled="disabled" />
&#13;
&#13;
&#13;

修改

  

仅禁用用户名。当用户单击框时,用户名应该消失

您可以使用占位符。

&#13;
&#13;
<input type="text" placeholder="Username" />
&#13;
&#13;
&#13;