jsp代码:

<div id="content" style="background-color: white;">
<form class="form-horizontal" id="smartForm">
<input id="creator_id" name="creator_id" value="${sessionScope.user.id }" type="hidden">
<fieldset>
<legend>指标定义</legend>
<div class="form-group">
<label for="disabledSelect" class="col-sm-2 control-label text-right">编号:</label>
<div class="col-sm-4">
<input type="text" placeholder="编号" id="number" name="number" class="form-control" >
</div>
<div class="col-sm-6 control-label text-left">
<font color="red"><b>*</b></font>
</div>
</div>
<div class="form-group">
<label for="disabledSelect" class="col-sm-2 control-label text-right">指标名称:</label>
<div class="col-sm-4">
<input type="text" placeholder="指标名称" id="name" name="name" class="form-control" >
</div>
<div class="col-sm-6 control-label text-left">
<font color="red"><b>*</b></font>
</div>
</div>
<div class="form-group">
<label for="disabledSelect" class="col-sm-2 control-label text-right">定义:</label>
<div class="col-sm-4">
<input type="text" placeholder="指标定义" id="define" name="define" class="form-control" >
</div>
<div class="col-sm-6 control-label text-left">
<font color="red"><b>*</b></font>
</div>
</div>
<div class="form-group">
<label for="disabledSelect" class="col-sm-2 control-label text-right">算法:</label>
<div class="col-sm-8">
<textarea class="form-control" rows="3" id="diamond" name="diamond"></textarea>
</div>
</div>
<div class="col-sm-2 control-label text-left">
<font color="red"><b> </b></font>
</div>
</fieldset> <div class="text-center">
<button type="button" class="btn btn-primary" onclick="doSubmit()">提交</button>
<button type="button" class="btn btn-default" onclick="canclepage()">取消</button> </div> </form>
</div>

bootstrap简单form表单样式-form-horizontal的更多相关文章

  1. 还不错的Table样式和form表单样式

    作为一个后台开发人员而言,拥有一套属于自己的前台样式是比较重要的,这里分享一下自己感觉还不错的样式,以后遇到好的,还会陆续添加 上图: 带鼠标滑动效果的table样式看起来比较清爽 样式 <he ...

  2. [oldboy-django][2深入django]学生管理(Form)-- 添加(美化Form表单:通过form给前端标签添加属性)

    1 在student_list添加一个a标签, <p><a href="/app01/add_student" class="btn btn-prima ...

  3. element-ui的form表单样式改动

    造成下面样式错乱是下面自带的css样式,原本打算通过样式重写在组件内的style,发现下面相应的元素是出于封装情况的,无论样式重写在组件还是在公共样式均不能很好的解决,因为跳转到该页面时都要刷新一次, ...

  4. yii2的form表单样式怎么灵活控制呢?

    <?php $form = ActiveForm::begin(['id' => 'login-form', 'fieldConfig'=>[ 'template'=> &qu ...

  5. css form表单样式清除

    开发项目中表单常用的清楚样式: 1.改变placeholder默认字体颜色 ::-webkit-input-placeholder{color: #333;} :-moz-placeholder{co ...

  6. form表单样式

    <BODY> <div id="modify-data"> <form class="modify-data-form"> ...

  7. 表单样式form.css

    /**附件样式表.*/div.attachement{ float:left; overflow:hidden; padding:3px 0 0 15px; white-space:nowrap; } ...

  8. form表单,css简介,css选择器,css样式操作

    form表单 简介 表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序 以处理,从而使得Web服务器与用户之间具有交互功能. 表单实现前后台交互:用 ...

  9. Django form表单 组件

    目录 Django form表单 组件 Form 组件介绍 普通方式手写注册功能 使用form组件实现注册功能 Form 常用字段与插件 常用字段(必备) 字段参数(必备) 内置验证(必备) 自定义效 ...

随机推荐

  1. Python之IPython开发实践

    Python之IPython开发实践 1. IPython有行号. 2. Tab键自动完成,当前命名空间任何与已输入字符串相匹配的变量就会被找出来. 3. 内省机制,在变量前或者后面加上(?)问号,就 ...

  2. ionic中遇到的一些问题和坑

    接触ionic有一段时间了,一路上踩了不少坑.大部分都记录下来了,分享给大家,可以少走很多弯路 1,ng-init不能在body里面初始化,可以在一个段落里面初始化<div ng-init> ...

  3. JS——undefined、null

    1.undefined == false   //返回false 2.null == false     //返回false 3.undefined == null    //返回true 4.und ...

  4. ZipMarket数字内容/素材交易网站源码项目

    ZipMarket程序仿自Envato旗下网站,对于想创建数字内容/素材交易平台的站长来说,ZipMarket是一个十分独特和极具创新的解决方案,用户在你的网站注册并购买或出售数字内容/素材作品时,你 ...

  5. 解决Mysql Workbench的Error Code: 1175错误

    错误: Error Code: 1175. You are using safe update mode and you tried to update a table without a WHERE ...

  6. git clone下载代码,中途断掉怎么办?

    问题如下: 解决办法: 1)运行以下命令进行clone $ git clone --recursive https:xxxxxx 2)进入项目根目录,继续下载 $ cd eigen-git-mirro ...

  7. 15.6.2【Task使用】 组合异步操作

    对于C# 5异步特性,我最喜欢的一点是它可以自然而然地组合在一起.这表现为两种不同的 方式.最明显的是,异步方法返回任务,并通常会调用其他返回任务的方法.这些方法可以是直 接的异步操作(如链的最底部) ...

  8. iPhone设备当前IP和SSID的获取

    #import <Foundation/Foundation.h> typedef void(^Complation)(NSString *res); @interface WIFIMan ...

  9. js的StringBuffer类

    function StringBuffer(str){ var arr = []; str = str || ""; arr.push(str); this.append = fu ...

  10. isset在php5.6-和php7.0+的一些差异

    今天在公司实现一个模块功能时写了如下代码: class ProductCategory { const TYPES = [ 1 => 'type1', 2 => 'type2', ]; p ...