文本字段中的HTML表单提交按钮

Question

我是CSS和HTML的新手，现在正在学习html表单。我想知道是否可以在文本字段中放置一个提交按钮。就像谷歌搜索领域中的语音搜索按钮一样。

如果是这样，我该怎么做？

由于

Answer 1

以下是一个示例：http://jsfiddle.net/fatgamer85/9R2XC/

您需要将元素置于绝对位置并将其置于彼此之上。

position: absolute; // absolute position of element
left: -20px; // lay the element on the search box

希望这会有所帮助

Answer 2

你不能把它放在元素中，但你可以position it

HTML

<input type='text' />
<input type='submit' value='GO'/>

CSS

input{
    display:inline-block;
    position:relative;
}
input:last-child{
    left:-40px;
}

请注意，这只是您可以创建此效果的方法之一（例如，您不必使用提交输入元素）。