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



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

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

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

最新更新