使用 DIV 作为输入

Question

抱歉，如果这个问题非常基础，但我正试图重新开始编程，但我一直坚持下去。

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

我怎样才能做到这一点？

原文由 Arkius Azure 发布，翻译遵循 CC BY-SA 4.0 许可协议

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;"/>

原文由 akardon 发布，翻译遵循 CC BY-SA 3.0 许可协议