如何直接输入按钮？

Question

我的HTML中有很多按钮。每次当我点击一个按钮时，该按钮被激活（其他按钮被停用）。我想要的是，字母可以直接输入到特定按钮上，就像文本框一样（type =“text”）。用javascript可以吗？或者我需要其他东西，如JQuery等？谢谢！

Answer 1

这样的东西？

<button contenteditable="true">Foobar</button>

Answer 2

一种方法是在input元素中添加button元素。

例如：

   <button>
   <input type="text" placeholder="type somthing here" />    
    Send
   </button>

查看工作版本： https://jsbin.com/lomufaqoxe/edit?html,output

Answer 3

您可以在按钮标记周围包装输入标记，并使用CSS对其进行样式设置，以便它与您的按钮合并。