Bootstrap一个常用的表单:内联表单

稻田里展望者

已于 2022-03-21 14:33:23 修改

阅读量667

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端技术文章标签： bootstrap HTML css

于 2022-03-21 14:33:14 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_46441425/article/details/123634988

Web前端技术专栏收录该内容

86 篇文章

订阅专栏

这是一个HTML表单，包含姓名、籍贯和邮箱输入字段，以及一个提交按钮用于查询操作。用户可以在此表单中填写个人信息以进行后续的查询流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

<div style="float:left">

        <form class="form-inline">
            <div class="form-group">
                <label for="exampleInputName2">姓名</label>
                <input type="text" class="form-control" id="exampleInputName2">
            </div>
            <div class="form-group">
                <label for="exampleInputPlace2">籍贯</label>
                <input type="text" class="form-control" id="exampleInputPlace2">
            </div>
            <div class="form-group">
                <label for="exampleInputEmail2">邮箱</label>
                <input type="email" class="form-control" id="exampleInputEmail2">
            </div>
            <button type="submit" class="btn btn-default">查询</button>
        </form>
    </div>