Css 如何将输入放入其他输入

我有两个输入，第一个是

type=“text”

，第二个是

type=“submit”

。我正在尝试先显示内部的按钮一

input

。输入{
宽度：245px；
填充：15px 25px；
字体系列：“HelveticaNeue灯”，“Helvetica Neue灯”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
字体大小：400；
字体大小：14px；
颜色：#9D9E9E；
文本阴影：1px1p0RGBA（256、256、256、1.0）；
背景：#FFF；
边框：1px实心#FFF；
边界半径：5px；
长方体阴影：插入0 1px 3px rgba（0,0,0,0.50）；
-moz盒阴影：插入0 1px 3px rgba（0,0,0,0.50）；
-webkit盒阴影：插入0 1px 3px rgba（0,0,0,0.50）；
}

。输入{
宽度：245px；
填充：15px 25px；
字体系列：“HelveticaNeue灯”，“Helvetica Neue灯”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
字体大小：400；
字体大小：14px；
颜色：#9D9E9E；
文本阴影：1px1p0RGBA（256、256、256、1.0）；
背景：#FFF；
边框：1px纯灰；
边界半径：5px 0 5px；
长方体阴影：插入0 1px 3px rgba（0,0,0,0.50）；
-moz盒阴影：插入0 1px 3px rgba（0,0,0,0.50）；
-webkit盒阴影：插入0 1px 3px rgba（0,0,0,0.50）；
/*背景*/
背景图片：url(http://3.bp.blogspot.com/-LjFGCzX54lw/VMP2MYfNh2I/AAAAAAAAAF4/5lfFXmCwIjk/s1600/Screenshot_1.png);
背景重复：无重复；
背景位置：右
}
输入[类型=提交]{
边界半径：0 5px 5px 0；
背景：白色；
边框：实心1px灰色；
填充：14px 25px；
左边框：无
}

#输入{
宽度：260px；
边框：1px实心#ccc；
溢出：自动；
高度：50px；
边界半径：5px；
}
输入{
浮动：左；
保证金：0px 5px 0px 0px；
}
输入#inp1{
边界：0px；
宽度：150px；
填充：15px 0px 15px 2px；
字号：1em；
}
输入#inp2{
边界：0px；
右边框：1px实心#ccc；
宽度：50px；
字号：1em；
颜色：#667；
背景：#fff；
填充：16px 0px 16px 0px；
}
img.input{
填充：6px 0px 0px 0px；
}

---

您可以通过将图标和按钮

absolute

ly定位并为它们提供适当的样式来实现这一点

表单{
显示：内联块；
填充：0；
保证金：0；
位置：相对位置；
}
.投入{
宽度：245px；
填充：15px 82px 15px 50px；
字体系列：“HelveticaNeue灯”，“Helvetica Neue灯”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
字体大小：400；
字体大小：14px；
颜色：#9D9E9E；
文本阴影：1px1p0RGBA（256、256、256、1.0）；
背景：#FFF；
边框：1px实心#FFF；
边界半径：5px；
长方体阴影：插入0 1px 3px rgba（0,0,0,0.50）；
}
#子按钮{
位置：绝对位置；
背景：#EEE；
边界：无；
字号：1em；
颜色：#3C3B39；
右：0；
底部：2px；
宽度：自动；
字体大小：13px；
高度：计算（100%-4px）；
框大小：边框框；
边框右上角半径：5px；
边框右下半径：5px；
光标：指针；
长方体阴影：插入0 1px 3px rgba（0,0,0,0.50）；
}
#子按钮：悬停{
背景：#C4C4；
}
输入：焦点{
大纲：0；
}
#子按钮：：-moz焦点内部{
边界：0；
}
#封套{
位置：绝对位置；
宽度：50px；
身高：100%；
线高：50px；
文本对齐：居中；
字体大小：40px；
背景：url(http://3.bp.blogspot.com/-LjFGCzX54lw/VMP2MYfNh2I/AAAAAAAAAF4/5lfFXmCwIjk/s1600/Screenshot_1.png)不重复；
背景位置：5px10px；
}

您是否碰巧使用了引导？您想在文本中显示按钮是什么意思？我不明白。如果你用的是引导，它很简单。看到了吗？你的小提琴有很多错误。另外，如果您将按钮更改为“订阅！”，你可以看到，它并不是真正在文本输入中，而是在它旁边。你需要类似的东西吗？非常酷，非常感谢，我想我可以自己成功完成休息，因为我想在左侧安排电子邮件按钮。你是如何移动占位符的O@user3790069-

填充

？我有一个问题，在CSS文件中调用bootstrap是否会导致我的页面加载延迟？@Bergmann-没有多大区别，可能只有几百毫秒（取决于用户的互联网连接）。但我不建议使用Bootstrap将按钮放在输入文本中。