附加按钮的文本字段

Question

如何让文本字段和按钮相互连接

这是我的演示 http://jsfiddle.net/dgWqL/2/

Answer 1

您只需删除#textfield"和input[type="button"]之间的空格即可。 （Whaaat？）嗯，这是你的HTML：

    <input type="text" name="textfield" id="textfield" value="Search here" />
    <input name="" type="button" value="Go">

这与......相同。

    abc
    def

...正如你永远不会质疑的那样，它被呈现为abc def。

这是完全相同的事情。

正如我所建议的那样，您可以通过将第二个输入放在html中的第一个输入前面来简单地删除该空格，如此...

    <input type="text" name="textfield" id="textfield" value="Search here" /><input name="" type="button" value="Go">

另一种选择是注释掉空格 - 如果您希望将每个输入放在它自己的行上，那就是：

    <input type="text" name="textfield" id="textfield" value="Search here" /><!--
  --><input name="" type="button" value="Go">

这是一个小提琴 - http://jsfiddle.net/dgWqL/3/

Answer 2

你可以这样做：http://jsfiddle.net/dgWqL/2/
关键是使用 float

的建议：

1. 不要使用表格进行布局。 （这是不好的做法。）

2. 将CSS属性写在不同的行上。 （更易于阅读）并使其更容易 避免像display: inline-block;

那样重复

希望得到这个帮助。