| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>main</title>
- <link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
- <link href="css/base.css" rel="stylesheet" type="text/css" />
- <link href="css/admin.css" rel="stylesheet" type="text/css" />
- <link href="poshytip/tip-yellow/tip-yellow.css" rel="stylesheet" type="text/css" />
- <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
- <!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <script src="js/jquery-1.7.2.min.js"></script>
- <script src="bootstrap/js/bootstrap.js"></script>
- <script src="poshytip/jquery.poshytip.js"></script>
- <script src="js/admin.js"></script>
- </head>
- <body id="main">
- <div class="main-nav"> <span class="fn-left">表单</span> <span class="fn-right"><a href="javascript:javascript:history.go(-1);"><i class="icon-chevron-left"></i>返回</a></span>
- <div class="fn-clear"></div>
- </div>
- <div class="main-content">
- <div class="form-or-table">
- <form class="form-horizontal">
- <fieldset>
- <div class="control-group">
- <label class="control-label" for="input01"><span class="must-input">*</span>Text input</label>
- <div class="controls">
- <input type="text" class="input-xlarge error" id="input01" title="请填写标题">
- <span for="title" generated="true" class="error">请填写产品标题!</span>
- <p class="help-block">In addition to freeform text, any HTML5 text-based input appears like so.</p>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="optionsCheckbox">Checkbox</label>
- <div class="controls">
- <label class="checkbox">
- <input type="checkbox" id="optionsCheckbox" value="option1">
- Option one is this and that—be sure to include why it's great </label>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="select01">Select list</label>
- <div class="controls">
- <select id="select01">
- <option>something</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- </select>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="multiSelect">Multicon-select</label>
- <div class="controls">
- <select multiple="multiple" id="multiSelect">
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- </select>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="fileInput">File input</label>
- <div class="controls">
- <input class="input-file" id="fileInput" type="file">
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="textarea">Textarea</label>
- <div class="controls">
- <textarea class="input-xlarge" id="textarea" rows="3"></textarea>
- </div>
- </div>
- <div class="form-actions">
- <button type="submit" class="btn btn-primary">Save changes</button>
- <button class="btn">Cancel</button>
- </div>
- </fieldset>
- </form>
- </div>
- </div>
- </body>
- <script type="text/javascript">
- $().ready(function() {
- $('#input01').poshytip({
- className: 'tip-yellow',
- showOn: 'focus',
- alignTo: 'target',
- alignX: 'inner-left',
- offsetX: 0,
- offsetY: 5
- });
- });
- </script>
- </html>
|