bootstrap 3列表单布局
2024-10-15 12:30:50
<form class="form-horizontal" role="form">
<fieldset>
<legend>基础信息</legend>
<div class="col-md-4">
<div class="form-group">
<label class="col-sm-3 control-label">标准类别</label>
<div class="col-sm-9">
<select class="form-control" style="width:60%" autocomplete="off" id="cdd_filetype">
<option value="" selected="selected">食品加工产品</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">名称</label>
<div class="col-sm-9">
<input class="form-control" style="width:60%" id="username" type="text" placeholder="" />
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="col-sm-3 control-label">标准编号</label>
<div class="col-sm-9">
<input type="text" id="cdd_filename" name="FileName" style="width:60%" value="GB 9681-88" placeholder="标准编号" class="form-control" required="" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">别名</label>
<div class="col-sm-9">
<input class="form-control" style="width:60%" id="biename" type="text" placeholder="" />
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="col-sm-3 control-label">过期时间</label>
<div class="col-sm-9">
<input type="text" class="layui-input" id="test1" style="width:auto" placeholder="yyyy-MM-dd">
</div>
</div>
</div>
</fieldset>
</form>
效果图:
最新文章
- c#List移除列表中的元素
- 搭建SSH框架所需Jar包及其解释
- mysql中增加某一时间段内的时间数据(包含:时间、年、月、日、第几周、季度)
- Xcode中c++&;Object-C混编,详细介绍如何在cocos2dx中访问object函数以及Apple Api
- tmux environment keep
- 探索Android中的Parcel机制(上)
- Python基础篇-day4
- xml类型转换列表显示 SQL查询
- 字符串拼接data-id时注意事项
- Android异常分析(转)
- CSS部分语法1
- layui topbar图标(即返回顶部)未显示的解决方法
- Android学习第8天
- Android中RecyclerView出现java.lang.IndexOutOfBoundsException
- javaweb简单的实现文件上传
- SQL语句(一)SQL和数据库数据表的创建
- Improving your submission -- Kaggle Competitions
- C#方式操作Cookie
- ArcGIS 10安装及破解
- 3D-爱心