html文本区域是否可以包含只读和可编辑文本的组合答案

【问题标题】：Can a html text area have a combination of read only and editable texthtml文本区域是否可以包含只读和可编辑文本的组合
【发布时间】：2013-04-29 11:32:47
【问题描述】：

这是一个关于嵌入在表单中的<textarea> 的相当开放的问题。

完全有可能拥有无法编辑的只读文本，然后在同一个<textarea> 中选择开始编写文本。

我的问题是我只能拥有一个或另一个。如果没有，是否有任何解决方案可以在写入文本之前在 <textarea> 中显示硬编码消息。

感谢您抽出宝贵时间，对于新手分类或问题表示抱歉。

【问题讨论】：

您可以添加readonly属性，然后没有人可以编辑该字段。但我没有清楚地了解你的问题
为什么你不在像'div'这样的容器中显示文本，而onclick是一些事件，使用javascript/jquery翻转作为可编辑的textarea，（可能是通过在页面加载时创建隐藏的textarea）？

标签： php html textarea

【解决方案1】：

html 文本区域能否同时包含只读文本和可编辑文本

没有。

如果没有，是否有任何解决方案可以在写入文本之前显示硬编码消息。

<p>The quick brown <input name="jumping_animal">
   jumped over the lazy <input name="lazy_animal">.</p>

【讨论】：

上面的例子是不是实现了一个因为代码只会显示为文本？
是的，这是一个完整的例子，不能放在 textarea 元素中。

【解决方案2】：

必须是文本区域吗？

Try editing the blue text

<div>
    sadsaasdfasd sadfasdf sa sd <span contenteditable>sadf asdf</span>
</div>

【讨论】：

SecurityAlert - 'contenteditable' 将允许所有类型的内容脚本、css、样式等。
@gnanz 没错，但它只能做从客户端编辑 html 可以做的任何事情
这里的可编辑字段在表单中（有问题），因此用户希望将其存储在某个地方并在某个页面中显示。到时候肯定会影响申请。你可以像 XSS 之类的任何东西。

【解决方案3】：

是的，您不能同时拥有具有可写属性的只读文本。

回答你的第二个问题：

<script>
    $('#input_textarea').focus(function() {
       if( $(this).val() == "Some text...." ) {
           $(this).val("");
       }           
    });
    $('#input_textarea').blur(function() {
       if( $(this).val() == "" ) {
           $(this).val('Some text....');
       }           
    });
</script>

这将用作您的文本区域的占位符。

【讨论】：

抱歉这个幼稚的问题，这将如何实现？猜想我会使用 id 号码，但在那之后我很困惑。只是想看看会发生什么。
将#input_textarea 替换为您的textarea 的ID，将“Some text...”替换为您要向用户显示的消息。请记住，短信应该准确地复制到写有“Some text..”的两个地方。