美文网首页
label 与 input 显示同一行

label 与 input 显示同一行

作者: LittleJessy | 来源:发表于2018-11-20 11:23 被阅读0次

修改之前,label 与 input内容换行显示:


image.png

后来在label标签中添加:style="float:left",显示为同一行

                        <div class="form-group">
                            <label  for="project_type" style="float:left">项目类型:</label>
                            <input  type="text" class="show" name="project_type" readonly="readonly" style="border-style:none">
                        </div>
                        <div class="form-group">
                            <label for="project_desc" style="float:left">项目描述:</label>
                            <input  type="text" class="show" name="project_desc" readonly="readonly" style="border-style:none">
                        </div>
                        <div class="form-group">
                            <label for="demand_jira_url" style="float:left">需求地址:</label>
                            <input  type="text" class="show" name="demand_jira_url" readonly="readonly" style="border-style:none">
                        </div>
image.png

相关文章

  • label 与 input 显示同一行

    修改之前,label 与 input内容换行显示: 后来在label标签中添加:style="float:left...

  • 通过input来写点赞爱心颜色

    1,这个方法是通过input来关联label的样式 2,input要隐藏,label显示,点击label时inpu...

  • Form表单练习

    label 与 input label:标签,在表单中与 input 标签绑定使用。eg:1.显式联系 —— la...

  • Masonry

    当两个可变长Label1 || Label2需要显示在同一行时,这行的宽度可能不够,这时候我们可能需要Label...

  • label和input绑定

    label标签包裹input标签,点击label时,label两次响应,即label本身触发和input触发后冒泡...

  • iOS-设置UILabel的内边距

    问题说明 默认Label的显示效果如下 很多情况下,需要如下有内边距的效果(注意第一行与最后一行文字与label的...

  • label的文字不在最顶部

    问题描述 项目中使用label显示文本,label不是一行,所以就把numberofLines改为0,label是...

  • (原创)关于文字与表单无法对齐的解决方案

    (原创)关于文字与表单无法对齐的解决方案 在排版过程中会遇到文字和input表单在同一行显示的情形,文字和inpu...

  • name和id

    一、只能用id: 1、for属性指定与label关联的 form控件(这里指input)的id My Input ...

  • jquery 点击checkbox后面的文字选中checkBox

    1、将input和label放在同一个标签p中 2、将lable的for属性值等于input的id属性值 即可以实...

网友评论

      本文标题:label 与 input 显示同一行

      本文链接:https://www.haomeiwen.com/subject/ooptqqtx.html