/gallery/form/1.1/demo.html
HTML | 144 lines | 128 code | 16 blank | 0 comment | 0 complexity | 48a8ea2b0aa11f21f8b234c47f9ed9a3 MD5 | raw file
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <title>KISSY.gallery.form</title>
- <link rel="stylesheet" href="http://a.tbcdn.cn/s/kissy/1.3.0/css/dpl/base-min.css"/>
- <link rel="stylesheet" href="../../../tools/skin/default.css"/>
- <script src="http://a.tbcdn.cn/s/kissy/1.2.0/kissy.js" charset="utf-8"></script>
- <style>
- h1, h4 {
- font-family: 'MicroSoft YaHei';
- padding: 10px;
- margin: 10px 0;
- }
- h1 {
- font-size: 36px;
- padding-bottom: 10px;
- border-bottom: 1px solid #ccc;
- }
- h4 {
- font-size: 24px;
- padding: 0 10px;
- margin: 0 0 10px;
- }
- h5 {
- font-size: 14px;
- font-weight: bold;
- }
- button {
- padding: 5px 10px;
- margin-top: 10px;
- }
- select {
- padding: 2px;
- }
- .section {
- border: 1px solid #efefef;
- padding: 10px;
- margin: 30px 0;
- border-radius: 5px;
- }
- h4 {
- padding-bottom: 5px;
- border-bottom: 1px solid #ccc;
- }
- #gj p, #guard {
- padding: 10px 0;
- font-size: 24px;
- font-weight: bold;
- font-family: '楷体';
- color: #c00;
- }
- .g {
- display: none;
- }
- </style>
- <script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy.js" charset="utf-8"></script>
- <link rel="stylesheet" href="../../../tools/skin/show-code.js"/>
- <link rel="stylesheet" href="assets/scroll.css"/>
- <link rel="stylesheet" href="assets/clear.css"/>
- <link rel="stylesheet" href="assets/chrome.css"/>
- </head>
- <body>
- <div id="header">
- <h1 class="logo"><a alt="KISSY" href="http://kissyui.com/"><img src="http://a.tbcdn.cn/s/kissy/logo.png"/></a></h1>
- <div class="sub-title">Gallery</div>
- <ul class="navigation">
- <li><a href="http://docs.kissyui.com/">首页</a></li>
- <li><a href="http://github.com/kissyteam">源码</a></li>
- </ul>
- </div>
- <div id="content">
- <div class="s-crumbs">
- <span>当前位置:</span>
- <a href="http://kissyui.com/">KISSY</a>
- <a href="../../../index.html">Gallery</a>
- <span>form</span>
- </div>
- <pre class="s-section">
- 作者:明河(剑平)、紫英、张挺、牧云、易敛、飞绿、伯方
- 功能:表单组件合集,目前包含uploader(异步文件上传)
- 版本:V1.1.3
- </pre>
- <h3 class="s-title">Uploader:异步文件上传组件</h3>
- <p>作者:明河(剑平)、紫英、飞绿</p>
- <p>(V1.0弃用)</p>
- <p>demo:<a href="http://www.36ria.com/demo/gal/gallery/form/1.1/demo/form/uploader/index.html" target="_blank">
-
- V1.1demo</a>(V1.0弃用)</p>
- <p>文档:<a href="http://www.36ria.com/demo/gal/gallery/form/1.1/doc/index.html" target="_blank">V1.1文档</a></p>
- <p>
- <img src="http://www.36ria.com/demo/gal/demo/form/uploader/assets/demo-1.png" alt="demo">
- </p>
- <h3 class="s-title">Checkbox:模拟多选框</h3>
- <p>作者:伯方</p>
- <div class="demo-wrapper">
- <form action="">
- <ul id="J_Content">
- <li><input type="checkbox" name="ch-1" value="ch1">1 1 1 1</li>
- <li><input type="checkbox" name="ch-2" value="ch2">2 2 2 2</li>
- <li><input disabled="disabled" type="checkbox" name="ch-3" value="ch3">3 3 3 3</li>
- <li><input disabled="disabled" type="checkbox" name="ch-4" value="ch4">4 4 4 4</li>
- <li><input type="checkbox" name="ch-5" value="ch5">5 5 5 5</li>
- <li><input type="checkbox" name="ch-6" value="ch6">6 6 6 6</li>
- <li><input type="checkbox" name="ch-7" value="ch7">7 7 7 7</li>
- <li><input type="checkbox" checked="checked" name="ch-8" value="ch8">8 8 8 8</li>
- <li><input type="checkbox" checked="checked" name="ch-9" value="ch9">9 9 9 9</li>
- </ul>
- </form>
- </div>
- </div>
- <div id="footer">
- © Copyright 2010~2100, KISSY Team.
- </div>
- <script type="text/javascript">
- KISSY.config({
- packages:[ {
- name:"gallery",
- path:"../../../",
- charset:"utf-8"
- } ]
- });
- KISSY.use('gallery/form/1.1/checkbox/index,node', function (S, Checkbox,Node) {
- var r = new Checkbox('#J_Content input');
- r.render();
- })
- </script>
- </body>
- </html>