追加提交按钮输入

我有一个输入类型按钮，用于验证表单输入的文本类型。追加提交按钮输入

我已经看到，例如，引导允许您附加一些值来输入。我想知道如何将这个输入类型按钮附加到我的输入文本类型。

我已经添加了我如何看待它的屏幕截图，但我不确定我会选择哪种CSS策略。

感谢

enter image description here

来源

2012-12-11 Hommer Smith

为什么不打开你的控制台，看看bootstrap是如何做到的？ –

除非我真的误解了，我认为'button' * * input *旁边，而不是*附加到* it（这意味着'button'在* input元素中，*不能）。 –

这只不过是一个提交按钮与文本字段

Demo

HTML

<div class="wrap"> 
    <input type="text" /> 
    <input type="button" value="Demo" /> 
</div>

CSS

.wrap { 
    display: inline-block; 
    position: relative; 
} 

input[type=text] { 
    padding: 10px; 
    width: 300px; 
    padding-right: 60px; 
} 

input[type=button] { 
    padding: 2px; 
    position: absolute; 
    right: 5px; 
    top: 5px; 
}

来源

2012-12-11 16:49:32

下面是一个示例代码。这应该有所帮助。

<form class="form-search pull-right"> 
     <div class="input-append"> 
      <input type="text" class="span2 search-query"> 
      <button type="submit" class="btn">Validate</button> 
     </div> 
</form>

Bootstrap还有两个功能。追加和前置。 Prepend在文本字段之前添加按钮，并在文本字段之后添加按钮。都加入了！

您只需加载引导文件并将上面的代码添加到您的html/php文件即可。你完成了！

来源

2012-12-11 16:50:22 trollster

对不起，如果我是粗鲁的，但谁downvoted这个答案，请检查自举网站的代码。 http://twitter.github.com/bootstrap/base-css.html#forms – trollster

我低估了它，因为你建议安装bootstrap，这不是一个答案。他想知道如何在他的CSS中模拟bootstrap的功能。 –

他谈到了为bootstrap附加值，并想知道如何将一个按钮添加到输入字段，因此我给了他答案。他所要做的就是检查bootstrap文件，必要的类，从那里开始获取值，在他自己定制的css文件中开始使用它，如果他不能这样做，那么直接使用bootstrap本身。猜猜我也被误解了。没关系。抱歉。但是，他有责任去查找事情并找出答案。 – trollster

追加提交按钮输入

回答

相关问题