如何在一次单击中创建包含完全可单击文本的文本框

时间:2017-04-01 17:14:54

标签: javascript html css

我正在尝试创建HTML / CSS / JS的文本框混合。我的要求是,当我点击文本时,它被完全选中并且可以被复制但是没有人可以在博客中发布时更改它。它看起来像这样: Clickable box 请帮帮我。!提前致谢。 我需要完整的HTML / CSS / JS代码组合。我是初学者但是link中给出了这个问题的替代,但我的情况需要一些改进,没有人能够删除其中的文本。如果有人可以设计我在第一个链接中提供的相同的盒子,那么它会很棒。再次感谢。!

1 个答案:

答案 0 :(得分:0)

您可以将this.select()添加到onClick。只要您单击输入,这将确保选择整个文本。 添加readonly属性将确保该用户无法编辑文本。

<input onClick="this.select();" value="Sample Text" readonly/>