创建输入作为输入的子项

Question

是否可以创建一个文本的子项按钮？

<input type="text">
    <input type="button" />
</input>

我问的原因是我想制作一个组合框.看到这个小提琴.在jquery中执行此操作,该按钮不会出现.在常规html中执行此操作,第二个输入不是第一个输入(至少在Chrome中).

我可以在一个范围内放置一个文本和按钮,但我更喜欢在示例中创建文本框,以便稍后可以检索值,如:$("#test).val();

PS我知道其他组合框插件存在.我想自己动手学习.

Answer 1

这是不可能的,因为input内联元素 - 它不能有孩子.

Answer 2

这将导致 HTML 无效，因此不可能执行此操作。你可以做的是创建一个div，它是一个块元素，并用文本框+按钮内联元素填充它。

通过 CSS 中的一些样式，您可以使您的 div 看起来像一个文本框，并且让您的文本框像一个 div，没有边框和斜角。导致的结果看起来像是您在这里想要实现的目标。

要摆脱输入中的文本框外观，请使用#YourTextBox {border: none;}