html – input-group和form-group之间的区别_html-js-css

概述标签< input-group>之间的区别是什么？和< form-group>？输入组是扩展的表单控件.使用输入组您可以轻松地将文本或按钮附加到基于文本的输入.例如,您可以为Twitter用户名添加$符号@,或者根据需要添加其他任何内容. 表单组用于在div中包装标签和表单控件,以获得标签和控件之间的最佳间距. 因此,根据需要同时使用表单组和输入组.将标签和输入包装在表单组标签中.如果您的任何输标签< input-group>之间的区别是什么？和< form-group>？解决方法输入组是扩展的表单控件.使用输入组您可以轻松地将文本或按钮附加到基于文本的输入.例如,您可以为Twitter用户名添加$符号@,或者根据需要添加其他任何内容.

表单组用于在div中包装标签和表单控件,以获得标签和控件之间的最佳间距.

因此,根据需要同时使用表单组和输入组.将标签和输入包装在表单组标签中.如果您的任何输入字段需要添加/附加文本/按钮,请使用input-group包装控件.以下是这两个例子.希望这可以帮助

<body>        <form  role="form">            <div >                <label for="inputfIEld1" >input 1</label>                <div >                    <input type="text"  ID="inputfIEld1" placeholder="input 1">                </div>            </div>            <div >                <label for="inputfIEld2" >input 2</label>                <div >                    <div >                        <input type="text"  ID="inputfIEld2" placeholder="input 2">                        <span >.00</span>                    </div>                </div>            </div>            <div >                <label for="inputfIEld3" >input 3</label>                <div >                    <input type="text"  ID="inputfIEld3" placeholder="input     3">                </div>        </form>    </body>

总结

以上是内存溢出为你收集整理的html – input-group和form-group之间的区别全部内容，希望文章能够帮你解决html – input-group和form-group之间的区别所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1141517.html