我可以使用contenteditable div而不是textarea吗?

时间:2013-02-09 13:16:49

标签: jquery html css html5

我想知道我是否可以使用内容可编辑div而不是textarea?功能是否相同?我可以像textarea数据一样处理数据吗?

2 个答案:

答案 0 :(得分:4)

您可以使用类似于textarea的contenteditable div,请参阅JSFiddle

<form action="form.php" method="post">
    <div name="text" contenteditable="true">This text can be edited by the user.</div>
    <input type="submit" value="Send" name="send" />
</form>

但正如您所看到的,它不会自动与表单一起作为输入元素或textarea发送。如果你想要这样的功能,你必须使用一些javascript。

答案 1 :(得分:1)

是的,如果你愿意,可以使用它。此外,这将为您提供显示图像和其他html元素的优势,因为textareas仅限于文本。像FCK或CK编辑这么多所见即所得的编辑使用内容可编辑的div,你提供输入而不是textarea。

关于处理数据,你必须得到javascript的帮助。它不会像textarea那样在您将数据与表单一起使用时直接发布数据。