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 常用字段与插件 常用字段(必备) 字段参数(必备) 内置验证(必备) 自定义效 ...
随机推荐
- CF126B Password
思路: kmp略作修改. 实现: #include <iostream> #include <cstdio> using namespace std; ; int neXt[M ...
- SpringBoot 搭建
1.使用Eclipse 建立Maven项目(webapp OR quickstart) 2.配置Maven,如下: <parent> <groupId>org.springfr ...
- c++将bool变量以文字形式打印
#include <iostream> // std::cout, std::boolalpha, std::noboolalpha int main () { bool b = true ...
- ajax不执行success的问题
有时候经常会遇到ajax请求后台,然后后台返回数据后,不触发ajax的success函数的问题,归根到底,这与ajax的参数设置dataType和后台的返回值的类型有关,现总结如下: 一.后台返回值的 ...
- registerDataSetObserver:浅析Andorid ListView和Adapte
最近由于遇到将内容分部绑定到ListView里的需求,追踪源码之后对ListView和Adapter有了点肤浅的认识,在此与大家分享. 这里用到了观察者模式,在ListView的setAdapter里 ...
- SpringMVC注解配置处理器映射器和处理器适配器
一.springmvc.xml中配置方式 <!--注解映射器 --> <bean class="org.springframework.web.servlet.mvc.me ...
- Python 递归、匿名函数、map和filter day4
一.递归---函数自己调用自己 1.一个错误递归的例子: count=0 def hello(): global count count+=1 print("count %s"%c ...
- js 简单小知识
1. javascript的typeof返回哪些数据类型: string, boolean, number, undefined, function, object 2. split() join() ...
- Echarts特效散点图全解
mytextStyle={ color:"#333", //文字颜色 fontStyle:"normal", //italic斜体 oblique倾斜 font ...
- 腾讯云&硬盘信息
fly@UBT-sCloud:~/pub_work/05-ARM/00-s5pv210$ sudo fdisk -lDisk /dev/ram0: 64 MiB, 67108864 bytes, 13 ...