bootstrap简单form表单样式-form-horizontal

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的更多相关文章
- 还不错的Table样式和form表单样式
作为一个后台开发人员而言,拥有一套属于自己的前台样式是比较重要的,这里分享一下自己感觉还不错的样式,以后遇到好的,还会陆续添加 上图: 带鼠标滑动效果的table样式看起来比较清爽 样式 <he ...
- [oldboy-django][2深入django]学生管理(Form)-- 添加(美化Form表单:通过form给前端标签添加属性)
1 在student_list添加一个a标签, <p><a href="/app01/add_student" class="btn btn-prima ...
- element-ui的form表单样式改动
造成下面样式错乱是下面自带的css样式,原本打算通过样式重写在组件内的style,发现下面相应的元素是出于封装情况的,无论样式重写在组件还是在公共样式均不能很好的解决,因为跳转到该页面时都要刷新一次, ...
- yii2的form表单样式怎么灵活控制呢?
<?php $form = ActiveForm::begin(['id' => 'login-form', 'fieldConfig'=>[ 'template'=> &qu ...
- css form表单样式清除
开发项目中表单常用的清楚样式: 1.改变placeholder默认字体颜色 ::-webkit-input-placeholder{color: #333;} :-moz-placeholder{co ...
- form表单样式
<BODY> <div id="modify-data"> <form class="modify-data-form"> ...
- 表单样式form.css
/**附件样式表.*/div.attachement{ float:left; overflow:hidden; padding:3px 0 0 15px; white-space:nowrap; } ...
- form表单,css简介,css选择器,css样式操作
form表单 简介 表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序 以处理,从而使得Web服务器与用户之间具有交互功能. 表单实现前后台交互:用 ...
- Django form表单 组件
目录 Django form表单 组件 Form 组件介绍 普通方式手写注册功能 使用form组件实现注册功能 Form 常用字段与插件 常用字段(必备) 字段参数(必备) 内置验证(必备) 自定义效 ...
随机推荐
- 研磨JavaScript系列(一):回归简单
想要理解JavaScript,你得首先放下对象和类的概念,回到数据和代码的本原.编程世界只有数据和代码两种基本元素,而这两种元素又有着纠缠不清的关系.JavaScript就是把数据和代码都简化到最原始 ...
- yield让代码更加简洁
不能传入out或ref public IEnumerable<Shop> GetShop() { ; i < ; i++) { yield return new Shop { ID ...
- jsp之认识 servlet (基础、工作原理、容器请求处理)
Tomcat 的安装: eclipse 需要自行安装tomcat,这是web 项目运行的服务器.如果用的是MyEclipse,里面自带tomcat,方便清除部署垃圾,利于项目运行. Tomcat的安装 ...
- win32动态库
先讲一个基本的动态库,功能为自定义一个动态库,里面有一个函数MyMessage实现弹出MessageBox. 1. 先在头文件中定义: #ifdef __cplusplus #define EXPOR ...
- CUDA-GPU编程
参考:http://blog.csdn.net/augusdi/article/details/12833235 第二节 新建NVIDIA项目: 新建项目及会生成一个简单的代码demo,计算矩阵的加 ...
- [Windows Server 2003] 还原SQL Server数据库
★ 欢迎来到[护卫神·V课堂],网站地址:http://v.huweishen.com★ 护卫神·V课堂 是护卫神旗下专业提供服务器教学视频的网站,每周更新视频.★ 本节我们将带领大家:SQL Ser ...
- 剔除重复jar包,查找重复类
作为程序员,没有遇到过jar包冲突,不是你幸运,就是你还年轻. jar包冲突有着无穷的魔力,一提到就会有说不完的怨愤,道不清的忧伤,这都是内伤.jar 包冲突就像深藏地底的地雷,看上去平常无奇,一切是 ...
- 内网jenkins如何配置gitlab自动拉取代码打包
在全局工具配置中添加git安装目录的配置 http://10.2.1.92:8080/jenkins/configureTools/git1.8.3.1/usr/bin/git 打开系统设置配置git ...
- transform: scale(x,y)
作用: 1)缩放 2)反转 水平翻转:transform: scale(-1,1); 垂直翻转:transform: scale(1,-1); 水平垂直翻转: transform: scale(-1, ...
- 关于JS闭包的一点理解
通常来讲,闭包通常是指函数内部可以访问到外部作用域的一个过程. 一.广义的定义:任何函数都产生了闭包. 二.狭义的定义:函数内部能访问到其他变量函数的作用域. 我们来看个例子 var a = 10; ...