【问题标题】:Placing a checkbox in an input addon bootstrap在输入插件引导程序中放置一个复选框
【发布时间】:2014-01-21 09:19:58
【问题描述】:

我正在尝试在输入组插件中放置一个checkbox,同时使用引导程序 3 表单。 复选框是在登录表单上show password。

<form class="form-signin">
    <h1 class="form-signin-heading" align="center"><strong>Owner Gateway</strong></h1>

    <input type="text" class="form-control" placeholder="Username" required autofocus></input>

    <div class="wrapper">
        <div class="input-group" style="width: 100%">
            <input type="text" class="form-control" placeholder="Password"/>
            <span class="input-group-addon">Show</span>
        </div>
    </div>

        <button class="btn btn-lg btn-primary btn-block" type="submit">Log in</button>
        <button class="btn btn-lg btn-primary btn-block" id="new-btn" type="submit">Stay Logged in</button>
    </div>
</form>

如果有人能帮忙,我将不胜感激。

【问题讨论】:

    标签: html css twitter-bootstrap checkbox input


    【解决方案1】:
    <div class="input-group" style="width: 100%">
        <input type="text" class="form-control" placeholder="Password"/>
        <span class="input-group-addon"><input type="checkbox"> Show</span>
    </div>
    

    简单地尝试一下。

    【讨论】:

    • 感谢您的回答,它几乎可以工作,但由于某种原因,“input-group-addon”现在是“input-group”高度的两倍,有什么想法吗?
    • 我是如此接近。我将表单控件类放在 input-group-addon 中的复选框上。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-07-20
    • 1970-01-01
    • 1970-01-01
    • 2021-06-07
    • 1970-01-01
    • 2014-09-05
    • 2017-01-09
    相关资源
    最近更新 更多