代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<title>通用表单页面_很简洁漂亮的Bootstrap响应式后台管理系统模板UniAdmin - JS代码网</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/colorpicker.css" />
<link rel="stylesheet" href="css/datepicker.css" />
<link rel="stylesheet" href="css/uniform.css" />
<link rel="stylesheet" href="css/select2.css" />
<link rel="stylesheet" href="css/unicorn.main.css" />
<link rel="stylesheet" href="css/unicorn.grey.css" class="skin-color" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="header">
<h1><a href="./dashboard.html">UniAdmin</a></h1>
</div>
<div id="search">
<input type="text" placeholder="请输入搜索内容..." /><button type="submit" class="tip-right" title="Search"><i class="icon-search icon-white"></i></button>
</div>
<div id="user-nav" class="navbar navbar-inverse">
<ul class="nav btn-group">
<li class="btn btn-inverse"><a title="" href="#"><i class="icon icon-user"></i> <span class="text">个人资料</span></a></li>
<li class="btn btn-inverse dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle"><i class="icon icon-envelope"></i> <span class="text">消息</span> <span class="label label-important">5</span> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a class="sAdd" title="" href="#">新消息</a></li>
<li><a class="sInbox" title="" href="#">收件箱</a></li>
<li><a class="sOutbox" title="" href="#">发件箱</a></li>
<li><a class="sTrash" title="" href="#">发送</a></li>
</ul>
</li>
<li class="btn btn-inverse"><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">设置</span></a></li>
<li class="btn btn-inverse"><a title="" href="login.html"><i class="icon icon-share-alt"></i> <span class="text">退出</span></a></li>
</ul>
</div>
<div id="sidebar">
<a href="#" class="visible-phone"><i class="icon icon-home"></i> 首页</a>
<ul>
<li ><a href="index.html"><i class="icon icon-home"></i> <span>首页</span></a></li>
<li class="active submenu open">
<a href="#"><i class="icon icon-th-list"></i> <span>表单组件</span> <span class="label">3</span></a>
<ul>
<li class="active"><a href="form-common.html">通用组件</a></li>
<li><a href="form-validation.html">表单验证</a></li>
<li><a href="form-wizard.html">表单提示</a></li>
</ul>
</li>
<li><a href="buttons.html"><i class="icon icon-tint"></i> <span>按钮 & 图标</span></a></li>
<li><a href="interface.html"><i class="icon icon-pencil"></i> <span>UI元素</span></a></li>
<li><a href="tables.html"><i class="icon icon-th"></i> <span>表格</span></a></li>
<li><a href="grid.html"><i class="icon icon-th-list"></i> <span>网格布局</span></a></li>
<li class="submenu">
<a href="#"><i class="icon icon-file"></i> <span>其他页面</span> <span class="label">4</span></a>
<ul>
<li><a href="invoice.html">清单</a></li>
<li><a href="chat.html">聊天</a></li>
<li><a href="calendar.html">日历</a></li>
<li><a href="gallery.html">相册</a></li>
</ul>
</li>
<li>
<a href="charts.html"><i class="icon icon-signal"></i> <span>图表统计</span></a>
</li>
<li>
<a href="widgets.html"><i class="icon icon-inbox"></i> <span>插件</span></a>
</li>
</ul>
</div>
<div id="style-switcher">
<i class="icon-arrow-left icon-white"></i>
<span>Style:</span>
<a href="#grey" style="background-color: #555555;border-color: #aaaaaa;"></a>
<a href="#blue" style="background-color: #2D2F57;"></a>
<a href="#red" style="background-color: #673232;"></a>
</div>
<div id="content">
<div id="content-header">
<h1>Common Form Elements</h1>
<div class="btn-group">
<a class="btn btn-large tip-bottom" title="Manage Files"><i class="icon-file"></i></a>
<a class="btn btn-large tip-bottom" title="Manage Users"><i class="icon-user"></i></a>
<a class="btn btn-large tip-bottom" title="Manage Comments"><i class="icon-comment"></i><span class="label label-important">5</span></a>
<a class="btn btn-large tip-bottom" title="Manage Orders"><i class="icon-shopping-cart"></i></a>
</div>
</div>
<div id="breadcrumb">
<a href="index.html" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Home</a>
<a href="#" class="tip-bottom">Form elements</a>
<a href="#" class="current">Common elements</a>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="widget-box">
<div class="widget-title">
<span class="icon">
<i class="icon-align-justify"></i>
</span>
<h5>Text inputs</h5>
</div>
<div class="widget-content nopadding">
<form action="#" method="get" class="form-horizontal" />
<div class="control-group">
<label class="control-label">Normal text input</label>
<div class="controls">
<input type="text" />
</div>
</div>
<div class="control-group">
<label class="control-label">Password input</label>
<div class="controls">
<input type="password" />
</div>
</div>
<div class="control-group">
<label class="control-label">Input with description</label>
<div class="controls">
<input type="text" />
<span class="help-block">This is a description</span>
</div>
</div>
<div class="control-group">
<label class="control-label">Input with placeholder</label>
<div class="controls">
<input type="text" placeholder="This is a placeholder..." />
</div>
</div>
<div class="control-group">
<label class="control-label">Normal textarea</label>
<div class="controls">
<textarea></textarea>
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">Save</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div class="widget-box">
<div class="widget-title">
<span class="icon">
<i class="icon-align-justify"></i>
</span>
<h5>Rest of elements...</h5>
</div>
<div class="widget-content nopadding">
<form action="#" method="get" class="form-horizontal" />
<div class="control-group">
<label class="control-label">Select input</label>
<div class="controls">
<select>
<option />First option
<option />Second option
<option />Third option
<option />Fourth option
<option />Fifth option
<option />Sixth option
<option />Seventh option
<option />Eighth option
</select>
</div>
</div>
<div class="control-group">
<label class="control-label">Multiple Select input</label>
<div class="controls">
<select multiple="">
<option />First option
<option selected="" />Second option
<option />Third option
<option />Fourth option
<option />Fifth option
<option />Sixth option
<option />Seventh option
<option />Eighth option
</select>
</div>
</div>
<div class="control-group">
<label class="control-label">Color picker (hex)</label>
<div class="controls">
<input type="text" data-color="#000000" value="#000000" class="colorpicker input-small" />
</div>
</div>
<div class="control-group">
<label class="control-label">Color picker (rgba)</label>
<div class="controls">
<input type="text" data-color="rgba(244,202,56,0.5)" value="rgba(244,202,56,0.5)" data-color-format="rgba" class="colorpicker" />
</div>
</div>
<div class="control-group">
<label class="control-label">Date picker</label>
<div class="controls">
<input type="text" data-date="12-02-2012" data-date-format="dd-mm-yyyy" value="12-02-2012" class="datepicker" />
</div>
</div>
<div class="control-group">
<label class="control-label">Radio inputs</label>
<div class="controls">
<label><input type="radio" name="radios" /> First One</label>
<label><input type="radio" name="radios" /> Second One</label>
<label><input type="radio" name="radios" /> Third One</label>
</div>
</div>
<div class="control-group">
<label class="control-label">Checkboxes</label>
<div class="controls">
<label><input type="checkbox" name="radios" /> First One</label>
<label><input type="checkbox" name="radios" /> Second One</label>
<label><input type="checkbox" name="radios" /> Third One</label>
</div>
</div>
<div class="control-group">
<label class="control-label">File upload input</label>
<div class="controls">
<input type="file" />
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div id="footer" class="span12">
2012 © UniAdmin.</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.ui.custom.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-colorpicker.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.uniform.js"></script>
<script src="js/select2.min.js"></script>
<script src="js/unicorn.js"></script>
<script src="js/unicorn.form_common.js"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手