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. Android项目实战_手机安全卫士拦截骚扰

    ###1.骚扰拦截需求分析1.界面1.1 黑名单列表界面1.2 添加黑名单界面2.功能2.1 黑名单的添加.删除2.2 拦截电话2.3 拦截短信 ###2.黑名单数据库的创建1.分析需要的字段id 主 ...

  2. Android项目实战_手机安全卫士手机防盗界面

    #安全卫士手机防盗# ###1.Activity的任务栈 1.类似一个木桶,每层只能放一个木块,我们放入木块和取出木块的时候只能从最上面开始操作 ###2.Android中的坐标系![](http:/ ...

  3. 移动web——媒体查询

    基本概念 响应式开发在没有媒体查询前,也可以通过js来实现,但是人们基本不会考虑,特别繁琐.在出现了媒体查询,才开始逐渐推广响应式.实际开发中,在时间与金钱充足的情况下还是别做响应式,影响性能,维护麻 ...

  4. 自己写一个爬虫 copider

    copider 模仿scrapy的一些写法,当然我这个是单进程的,不是异步的 1.目录 copider/copider.py #coding=utf-8 ''' Created on 2015年10月 ...

  5. LINUX-查看进程内环境变量

    ps -ef find PID cat /proc/$PID/environ | grep ENV

  6. Django - ORM创建基本类

    DBFirst CodeFirst 创建类 1.根据类自动创建数据库表 在app下的models.py中创建表 创建数据库之前,需要在django下的setting.py模块中的INSTALLED_A ...

  7. 1.Linux入门介绍

    1.1 Linux概述 1.1.1 Linux简要介绍 Linux的由来: Linux的内核最初是由芬兰人李纳斯·托瓦茨在上大学的时候编写的一个内核,它是基于Unix操作系统编写的 大多服务器使用的是 ...

  8. 【JAVA】AES加密

    import java.security.SecureRandom; import javax.crypto.Cipher; import javax.crypto.KeyGenerator; imp ...

  9. Coefficient Computation (大整数、Java解决)

    Coefficient Computation UVALive8265 题意:计算组合数C(n,k)的值并将值按给定的进制输出. 思路:Java大整数类硬上. PS:刚刚学完Java的大整数类,结果却 ...

  10. Linux - redis主从同步

    目录 Linux - redis主从同步 环境准备 配置主从同步 测试写入数据,主库写入数据,检查从库数据 手动进行主从复制故障切换 Linux - redis主从同步 原理: 从服务器向主服务器发送 ...