Question

很抱歉，如果这个问题非常基本，但我想重新开始编程并且我坚持这个问题。

我希望将文字输入到HTML中的<div>，但我不想要<input>附带的默认聊天框。我只是想让它直接打印到<div>内的某个位置。

我该怎么做？

Answer 1

如果您不想将其值提交给服务器，则可以使用contenteditable属性，如下所示：

<div contenteditable="true">I'm Editable. Edit me!</div>

因此，用户可以编辑文本，但不会将其发送到服务器，而只是客户端的内容。

但是如果你需要将值提交给服务器，你必须使用TextArea或Input标签，并通过CSS样式删除边框。说：

<input id="myText" type="text" style="border:none; background: transparent; outline: 0;"/>

Answer 2

使用<div>

使用contenteditable attribute使div本身成为文本输入（如您在评论中所述）：

<div contenteditable="true" style="outline:0px;">Hodor!</div>

要获取该值，您可以使用jQuery $("div").text()或js textContent

要在<div>内使用<form>添加一些j来连接它。您可以看到示例here。

使用<textarea>

如果隐藏某些属性，也可以使用<textarea>：

<textarea style="resize:none;overflow:auto;
        border:0px;outline:0px;background-color:transparent;">
    Hodor!
</textarea>

要获取该值，您可以使用jQuery $("textarea").val()或js value

Answer 3