master

分支 (1)

管理

管理

master

PureAdmin
/
form.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Form Template</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="./css/pure-nr-min.css">
<link rel="stylesheet" href="./css/fontAwesome/font-awesome.css">
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/admin.css">
</head>
<body>
<!--BEGIN HEADER-->
<div class="pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed head-menu">
    <a href="#" class="pure-menu-heading"><h3>站点标题站点标题站点标题站点标题</h3></a>
    <ul>
        <li class="pure-menu-selected"><a href="#">主页</a></li>
        <li><a href="#">标签页</a></li>
        <li><a href="#">标签页</a></li>
        <li><a href="#">标签页</a></li>
        <li><a href="#">标签页</a></li>
    </ul>
    <div class="head-menu-info">
        欢迎您，管理员 <a href="#">admin</a>。您选择【首页】【退出】
    </div>
</div>
<!--END HEADER-->
<div class="pure-g content">
    <div class="pure-u">
        <div class="side">
            <div class="pure-menu pure-menu-open side-menu">
                <ul>
                    <li class="pure-menu-heading side-menu-head"><i class="icon-tags"></i> 核心组件</li>
                    <li><a href="index.html">基本效果</a></li>
                    <li class="pure-menu-selected"><a href="form.html">表单功能</a></li>
                    <li><a href="js.html">动态效果</a></li>
                    <li class="pure-menu-heading side-menu-head"><i class="icon-tags"></i> 独立页面</li>
                    <li><a href="error.html" target="_blank">错误页</a></li>
                    <li><a href="login.html" target="_blank">登录页</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="pure-u-1">
        <div class="main">
            <div class="panel panel-default">
                <div class="panel-title">
                    表单示例
                </div>
                <div class="panel-body">
                    <form class="pure-form pure-form-aligned" action="" method="post">
                        <fieldset>
                            <div class="pure-control-group">
                                <label for="name">标　题：</label>
                                <input id="name" class="pure-input-1-3" type="text" />
                            </div>
                            <div class="pure-control-group">
                                <label for="description">关键词：</label>
                                <input id="description" class="pure-input-1-3" type="text" />
                            </div>
                            <div class="pure-control-group">
                                <label for="category">分　类：</label>
                                <select name="category" id="category">
                                    <option value="分类1">分类一</option>
                                    <option value="分类2">分类二</option>
                                    <option value="分类3">分类三</option>
                                </select>
                            </div>
                            <div class="pure-control-cr-group">
                                <label class="label-head">推荐至：</label>
                                <label for="index-page" class="label-cr">
                                    <input id="index-page" type="checkbox" value="" />
                                    首页
                                </label>
                                <label for="channel-page" class="label-cr">
                                    <input id="channel-page" type="checkbox" value="" />
                                    频道页
                                </label>
                                <label for="category-page" class="label-cr">
                                    <input id="category-page" type="checkbox" value="" />
                                    分类页
                                </label>
                            </div>
                            <div class="pure-control-cr-group">
                                <label class="label-head">状　态：</label>
                                <label for="index-radio" class="label-cr">
                                    <input id="index-radio" name="status" type="radio" value="" />
                                    首页
                                </label>
                                <label for="channel-radio" class="label-cr">
                                    <input id="channel-radio" name="status" type="radio" value="" checked />
                                    频道页
                                </label>
                                <label for="category-radio" class="label-cr">
                                    <input id="category-radio" name="status" type="radio" value="" />
                                    分类页
                                </label>
                            </div>
                            <div class="pure-control-group">
                                <label for="content">内　容：</label>
                                <textarea name="content" id="content" class="pure-u-3-4" rows="10"></textarea>
                            </div>
                            <div class="pure-controls">
                                <input class="pure-button pure-button-primary" type="submit" name="submit" value="提交" />
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!--BEGIN FOOT-->
<div class="pure-g copyright">
    <div class="pure-u-1"> 2013 © TWStudio Admin Dashboard Template. </div>
</div>
<!--END FOOT-->
<script src="./js/jquery.min.js"></script>
<script>
$(function(){
});
</script>
</body>
</html>