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. facenet

    facenet dl  face recognition  一.运行facenet 验证lfw数据集效果: python2.7 src/validate_on_lfw.py ~/dataset/lfw ...

  2. elasticsearch——海量文档高性能索引系统

    elasticsearch elasticsearch是一个高性能高扩展性的索引系统,底层基于apache lucene. 可结合kibana工具进行可视化. 概念: index 索引: 类似SQL中 ...

  3. MAC 中安装和使用express

    其实window系统和mac的操作在大致上其实是想同的,只是一些细节的区别,以下对在mac下安装和使用express做简要介绍,如有不妥之处请各位大神指教. 一.首先要测试node和npm是否已经正确 ...

  4. js 翻页

    翻页功能是js很基础的一个算法,且用得很多,所以必须掌握此项技能. 我们要想清楚在实现翻页的过程中需要哪几个步骤: 1.我们首先需要的变量有哪些,必须的有一个存放当前页码的变量nowPage.一个存放 ...

  5. java攻城师之路--复习java web之Cookie_Session

    Servlet技术 用来动态生成 网页数据资源Servlet生成HTML 页面数据时,所有内容都是通过 response.getWriter response.getOutputStream 向浏览器 ...

  6. php判断form数据是否为POST而来,判断数据提交方式

    //判断form数据是否为POST而来,判断数据提交方式 if ($_SERVER['REQUEST_METHOD'] != 'POST') { // 非 POST 来路,做警告或你想做的事 retu ...

  7. 详谈java集合框架

    1.为什么使用集合框架 当我们并不知道程序运行时会需要多少对象,或者需要更复杂方式存储对象——可以使用Java集合框架 2.Java集合框架包含的内容 接口:(父类)Collection接口下包含Li ...

  8. 4星|《超级技术:改变未来社会和商业的技术趋势》:AI对人友好吗

    超级技术:改变未来社会和商业的技术趋势 多位专家或经济学人编辑关于未来的预测,梅琳达·盖茨写了其中一章.在同类书中属于水平比较高的,专家只写自己熟悉的领域,分析与预测有理有据而不仅仅是畅想性质. 以下 ...

  9. Java中的接口详解

    接口 是Java语言中一种引用类型,是方法的集合,如果说类的内部封装了成员变量.构造方法和成员方法,那么接口的内部主要就是封装了方法,包含抽象方法(JDK 7及以前),默认方法和静态方法(JDK 8) ...

  10. 跳转语句(break、continue)

    break语句 在switch条件语句和循环语句中都可以使用break语句.当它出现在switch条件语句中时,作用是终止某个case并跳出switch结构. 当它出现在循环语句中,作用是跳出循环语句 ...