Question

在我的html页面中我有一个texteare，我会给它写一些内容，我想要一些内容可以修改但有些不能。

<html>
  <body>
  <div class="text">
    <textarea cols="50" rows="4" name="msg_content" id="msg_content" readonly="readonly">
        Hi, I am the contents that can be modified.
        Hi, the url cannot be modified.

        http://www.google.com
    </textarea>
  </div>
</html>

正如你所看到的那样，我只读了一个textarea的问题，但在这种情况下，整个内容都无法修改。

请你提前给我一些建议。

Answer 1

无法做到。但是，您可以使用CSS模仿文本区域内禁用文本的效果。创建一个Div元素并将其放置在文本框的正下方，并将其设计为看起来好像它是文本框的一部分。

你需要调整并使用CSS。

检查一下：http://css-tricks.com/creating-a-nice-textarea/ 示例：http://css-tricks.com/examples/StyledTextArea/

Answer 2

除非您可以使用HTML5，否则无法实现。使用HTML5，您可以对特定元素使用contenteditable = true / false属性。

这里举个例子：

<div contenteditable="true">
 You can edit this text, 
 <p contenteditable="false">but not this one.</p>
</div>

如何制作部分内容无法在html textarea中编辑

2 个答案: