文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
    时间不限
    最近一周
    最近一月
    最近三月
  • 来自专栏sktj

    bootstrap 表单 2 input

    image.png <input class='<em>form-control</em> input-lg'> input-sm 设定input的高

    设定input的宽 input-lg" type="text" placeholder=".input-lg">
    <input class="<em>form-control</em> " type="text" placeholder="默认输入">
    <input class="<em>form-control</em> input-sm "> <option value="">默认选择</option> </select>
    <select class="<em>form-control</em> </span> <form role="form"> 帮助文本实例 <input class="<em>form-control</em>" type="text" placeholder

    1.2K30编辑于 2022-01-10
  • 来自专栏CSDNToQQCode

    BootStrap后台管理常用文档存档

    >信息： <input type="text" placeholder="请输入信息" name="userName" class="<em>form-control</em> <label for="man">男</label> <input id="man" type="radio" value="男" name="sex" class="<em>form-control</em> for="women">女</label> <input id="women" type="radio" value="女" name="sex" class="<em>form-control</em> label for="he">喝</label> <input id="he" type="checkbox" value="吃" name="like" class="<em>form-control</em> for="play">玩</label> <input id="play" type="checkbox" value="吃" name="like" class="<em>form-control</em>

    62810编辑于 2022-11-30
  • 来自专栏appuploader使用操作流程

    开心档之Bootstrap4 输入框组

    input-group-prepend"> @

    <input type="text" class="<em>form-control</em> " placeholder="Username">
    <input type="text" class="<em>form-control</em> " placeholder="First Name"> <input type="text" class="<em>form-control</em>" placeholder="Last Name"> </ ="input-group-text"> <input type="checkbox">
    <input type="text" class="<em>form-control</em> " placeholder="Some text">
<input type="text" class="<em>form-control</em>

1K10编辑于 2023-02-21
  • 来自专栏知道一点点

    【原创】bootstrap框架的学习 第八课 -[bootstrap表单]

    向所有的文本元素 <input>、<textarea> 和 <select> 添加 class .form-control。 例子： <! class="form-group"> <label class="sr-only" for="name">名称</label> <input type="text" class="<em>form-control</em> <form role="form">

    <input class="<em>form-control</em> input-lg" type="text" placeholder=".input-lg">
    <input class="<em>form-control</em> " type="text" placeholder="默认输入">
    <input class="<em>form-control</em>

    1.8K20发布于 2018-09-12
  • 来自专栏sktj

    bootstrap 表单控件大小

    <form role="form">

    <input class="<em>form-control</em> input-lg" type="text" placeholder =".input-lg">
    <input class="<em>form-control</em>" type="text" placeholder= "默认输入">
    <input class="<em>form-control</em> input-sm" type="text" placeholder =".input-sm">
    <select class="<em>form-control</em> =".col-lg-3">
    <input type="text" class="<em>form-control</em>" placeholder=".

    1.5K10发布于 2019-07-07
  • 来自专栏sktj

    bootstrap 输入框组 常用搜索框样式

    form">

    @ <input type="text" class="<em>form-control</em> " placeholder="twitterhandle">
    <input type="text" class="<em>form-control</em> <div class="input-group"> $ <input type="text" class="<em>form-control</em> </button> </span> <input type="text" class="<em>form-control</em>">
    <input type="text" class="<em>form-control</em>">

    3.6K30发布于 2019-07-05
  • 来自专栏从零开始学自动化测试

    python测试开发django -142.Bootstrap 表单(form）

    在输入框外面定义一个div标签，class属性设置.form-group <input>、<textarea> 和 <select> 元素设置 .form-control 类，将被默认设置宽度属性为 width form-group"> <label for="Email1">邮箱地址</label> <input type="email" class="<em>form-control</em> form-group"> <label for="Password1">密码</label> <input type="password" class="<em>form-control</em> form-group"> <label for="Email1">邮箱地址</label> <input type="email" class="<em>form-control</em> -2">邮箱地址</label>

    <input type="email" class="<em>form-control</em>

    97450发布于 2021-10-08
  • 来自专栏好派笔记

    Bootstrap 表单

    向所有的文本元素 <input>、<textarea> 和 <select> 添加 class ="form-control" 。 <form role="form">

    <label for="name">名称</label> <input type="text" class="<em>form-control</em> 下面的实例演示了这点： 实例 <form role="form">
    <input class="<em>form-control</em> input-lg" type= "text" placeholder=".input-lg">
    <input class="<em>form-control</em>" type="text " placeholder="默认输入">
    <input class="<em>form-control</em> input-sm" type="text

    2.6K20发布于 2021-09-18
  • 来自专栏Python in AI-IOT

    基于web页面开发串口程序界面---html代码

    <input data-field="NUM" type="text" class="<em>form-control</em> <div class="col-md-1"><input data-field="KEY" type="text" class="<em>form-control</em> <div class="col-md-1"><input data-field="DOT" type="text" class="<em>form-control</em> class="col-md-2"> <select data-field="UNIT" type="text" class="<em>form-control</em> <div class="col-md-1"><input data-field="MAX" type="text" class="<em>form-control</em>

    4.4K30发布于 2020-09-14
  • 来自专栏全栈开发工程师

    【Bootstrap】006-全局样式：表单

    所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 /css/bootstrap.min.css" /> </head> <body> <input type="text" class="<em>form-control</em>" placeholder="Text /css/bootstrap.min.css" /> </head> <body> <textarea class="<em>form-control</em>" rows="3"></textarea> </ /css/bootstrap.min.css" /> </head> <body> <form> <input class="<em>form-control</em>" id="focusedInput" 任何包含在此元素之内的 .control-label、.form-control 和 .help-block 元素都将接受这些校验状态的样式； 2、演示 代码演示： <!

    77100编辑于 2025-01-06
  • 来自专栏iOS开发大全

    开心档-软件开发入门之Bootstrap4 输入框组

    input-group-prepend"> @

    <input type="text" class="<em>form-control</em> " placeholder="Username">
    <input type="text" class="<em>form-control</em> " placeholder="First Name"> <input type="text" class="<em>form-control</em>" placeholder="Last Name"> </ ="input-group-text"> <input type="checkbox">
    <input type="text" class="<em>form-control</em> " placeholder="Some text">
    • <input type="text" class="<em>form-control</em>

    63010编辑于 2023-05-09
  • 来自专栏一“技”之长

    Bootstrap响应式前端框架笔记四——表单

    Bootstrap响应式前端框架笔记四——表单 一、基本表单样式     在Bootstrap框架中，可以为表单标签添加form-control属性来为其设置默认样式，默认表单控件的宽度将充满父容器标签 form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" class="<em>form-control</em> form-group"> <label for="exampleInputPassword1">Password</label> <input type="password" class="<em>form-control</em> Bootstrap框架中默认的下拉列表样式示例如下： <p>默认的下拉列表</p> <select class="form-control"> <option>上海</option> 三、表单状态     为表单元素添加disabled属性来将表单设置为禁用状态，示例如下：

    禁用表单

    <input class="<em>form-control</em>" placeholder

    3K10发布于 2018-08-15
  • 来自专栏一“技”之长

    Bootstrap响应式前端框架笔记九——输入框组

    "input-group form-group"> 邮箱 <input type="text" class="<em>form-control</em> " placeholder="邮箱">

    <input type="text" class="<em>form-control</em> "input-group form-group"> 余额 <input type="text" class="<em>form-control</em> class="btn btn-default" type="button">星座</button> <input type="text" class="<em>form-control</em> ">
    <input type="text" class="<em>form-control</em>"> <span

    1.2K10发布于 2018-08-15
  • 来自专栏CSDN

    layui laydate日期初始化的一些坑

    control-label">时间段：</label>

    <input type="text" class="<em>form-control</em> : 5px;float: left;">--
    <input type="text" class="<em>form-control</em> control-label">时间段：</label>
    <input type="text" class="<em>form-control</em> : 5px;float: left;">--
    <input type="text" class="<em>form-control</em> control-label">时间段：</label>
    <input type="text" class="<em>form-control</em>

    64310编辑于 2024-04-08
  • 来自专栏好派笔记

    通过Bootstrap 输入框组，表单控件的使用案例

    向 .form-control 添加前缀或后缀元素的步骤如下： 把前缀或后缀元素放在一个带有 class .input-group 的

    中。 " placeholder="twitterhandle">

    <input type="text" class="<em>form-control</em> </button> </span> <input type="text" class="<em>form-control</em>">
    <! -- /btn-group --> <input type="text" class="<em>form-control</em>">
    <! -- /btn-group --> <input type="text" class="<em>form-control</em>"> <!

    2.6K20发布于 2021-09-18
  • 来自专栏用户7873631的专栏

    js逐步教实现表单系统

    class="container"> <form action=" " class="form" id="form">

    注册

    错误提示
    错误提示
    <div class="<em>form-control</em> { margin-bottom: 10px; padding-bottom: 20px; position: relative; } .<em>form-control</em> label { color: #777; display: block; margin-bottom: 5px; } .<em>form-control</em> input

    1.4K30发布于 2020-10-28
  • 来自专栏从零开始学自动化测试

    python测试开发django -143.Bootstrap 表单控件校验状态

    任何包含在此元素之内的 .control-label、.form-control 和 .help-block 元素都将接受这些校验状态的样式。 任何包含在此元素之内的 .control-label、.form-control 和 .help-block 元素都将接受这些校验状态的样式。 form-group下的label标签需加class="control-label"才会看到效果 form-group下input输入框，加class="form-control"才会看到效果 form-group 反馈图标（feedback icon）只能使用在文本输入框 <input class="<em>form-control</em>"> 元素上。 @ <input type="email" class="<em>form-control</em>

    51130发布于 2021-10-08
  • 来自专栏用户画像

    bootstrap模态框之加载页面至modal-boby

    class="col-lg-4"> <input readonly="readonly" id="reserveFieldName" class="<em>form-control</em> 至</label> <div class="col-sm-4"> <select class="<em>form-control</em> </label> <div class="col-sm-4"> <select class=" <em>form-control</em> div class="col-lg-4"> <input readonly="readonly" id="tutor_price" class="<em>form-control</em> :</label> <div class="col-sm-6"> <select class="<em>form-control</em>

    4.8K20发布于 2018-08-27
  • 来自专栏从零开始学自动化测试

    python测试开发django-137.Bootstrap 输入框组件input-group

    2.给input加上class=”form-control”样式。 3.在input的前后添加一个,在span中添加文本或者其他元素。 input-group"> @ <input type="text" class="<em>form-control</em> </div> <br> <div class="input-group"> <input type="text" class="<em>form-control</em> input-group"> $ <input type="text" class="<em>form-control</em> input-group"> @ <input type="text" class="<em>form-control</em>

    85020发布于 2021-10-08
  • 来自专栏有趣的django

    BBS论坛（十九）

    <input type="text" class="<em>form-control</em> <div class="col-sm-7"> <input type="text" class="<em>form-control</em> <div class="col-sm-10"> <input type="text" class="<em>form-control</em> <div class="col-sm-10"> <input type="text" class="<em>form-control</em> <div class="col-sm-7"> <input type="text" class="<em>form-control</em>

    4.3K20发布于 2019-02-13
    • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

    领券