如何创建一个文本框包含完全可点击的文本在一个点击

-1

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

来源

2017-04-01 Muhazzab Chouhadry

的可能的复制[当它接收焦点选择文本的所有内容（JavaScript或jQuery的）]（http://stackoverflow.com/questions/480735/select-all-contents-of-textbox-when-它接收焦点的JavaScript或jQuery） –

好吧，一旦它张贴在数据库我假设。你必须实现一个编辑功能才能够调整字符串。 – mdarmanin

@emporio无需数据库，只需在文章的运行时间内张贴。 –

您可以将this.select（）添加到onClick。只要你点击你的输入，这将确保整个文本被选中。添加只读属性将确保该用户无法编辑文本。

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

来源

2017-04-01 17:23:03

@Patatolng我需要HTML/CSS/JS的完整代码组合。但是你的答案也是正确的，但在我的情况下，文本无法删除。例如，如果我写了一篇文章并在该文本框中添加了一些链接/文本，并且当我发布该文章时，则人们只能查看/选择/复制链接/文本。虽然它不会完全删除。谢谢。！ –

如何创建一个文本框包含完全可点击的文本在一个点击

回答

相关问题