<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>表单 - 飞天素材网后台管理系统模板</title>
<link rel="icon" href="favicon.ico" type="image/ico">
<meta name="keywords" content="后台模板,后台管理系统,HTML模板">
<meta name="description" content="基于Bootstrap的后台管理系统模板">
<meta name="author" content="ftsucai.com">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/fonts.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!--页面主要内容-->
<main class="ftdms-layout-content">
<div class="container-fluid" style="margin-bottom:90px;">
<div class="row" style="margin-top:15px;">
<div class="col-md-6">
<div class="card">
<div class="card-header"><h4>基本样式</h4></div>
<div class="card-body">
<form class="form-horizontal" action="#" method="post" enctype="multipart/form-data" onsubmit="return false;">
<div class="form-group">
<label class="col-xs-12">静态控件</label>
<div class="col-xs-12">
<div class="form-control-static">用户名</div>
</div>
</div>
<div class="form-group">
<label class="col-xs-12" for="example-text-input">文本</label>
<div class="col-xs-12">
<input class="form-control" type="text" id="example-text-input" name="example-text-input" placeholder="文本..">
<div class="help-block">输入更多信息</div>
</div>
</div>
<div class="form-group">
<label class="col-xs-12" for="example-email-input">邮箱</label>
<div class="col-xs-12">
<input class="form-control" type="email" id="example-email-input" name="example-email-input" placeholder="邮箱..">
</div>
</div>
<div class="form-group">
<label class="col-xs-12" for="example-password-input">密码</label>
<div class="col-xs-12">
<input class="form-control" type="password" id="example-password-input" name="example-password-input" placeholder="密码..">
</div>
</div>
<div class="form-group has-success">
<label class="col-xs-12" for="example-text-input-success">成功状态</label>
<div class="col-xs-12">
<input class="form-control" type="text" id="example-text-input-success" name="example-text-input-success" placeholder="成功状态..">
</div>
</div>
<div class="form-group has-info">
<label class="col-xs-12" for="example-text-input-info">信息状态</label>
<div class="col-xs-12">
<input class="form-control" type="text" id="example-text-input-info" name="example-text-input-info" placeholder="信息状态..">
</div>
</div>
<div class="form-group has-warning">
<label class="col-xs-12" for="example-text-input-warning">警告状态</label>
<div class="col-xs-12">
<input class="form-control" type="text" id="example-text-input-warning" name="example-text-input-warning" placeholder="警告状态..">
</div>
</div>
<div class="form-group has-error">
<label class="col-xs-12" for="example-text-input-error">错误状态</label>
<div class="col-xs-12">
<input class="form-control" type="text" id="example-text-input-error" name="example-text-input-error" placeholder="错误状态..">
</div>
</div>
<div class="form-group">
<label class="col-xs-12" for="example-disabled-input">禁用</label>
<div class="col-xs-12">
<input class="form-control" type="text" id="example-disabled-input" name="example-disabled-input" placeholder="禁用.." disabled>
</div>
</div>
<div class="form-group">
<label class="col-xs-12" for="example-textarea-input">文本域</label>
<div class="col-xs-12">
<textarea class="form-control" id="example-textarea-input" name="example-textarea-input" rows="6" placeholder="内容.."></textarea>
</div>
</div>
<div class="form-group">
<label class="col-xs-12" for="example-select">选择框</label>
<div class="col-xs-12">
<select class="form-control" id="example-select" name="example-select" size="1">
<option value="0">请选择</option>
<option value="1">选项 #1</option>
<option value="2">选项 #2</option>
<option value="3">选项 #3</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-xs-12" for="example-multiple-select">多选</label>
<div class="col-xs-12">
<select class="form-control" id="example-multiple-select" name="example-multiple-select" size="5" multiple>
<option value="1">选项 #1</option>
<option value="2">选项 #2</option>
<option value="3">选项 #3</option>
<option value="4">选项 #4</option>
<option value="5">选项 #5</option>
<option value="6">选项 #6</option>
<option value="7">选项 #7</option>
<option value="8">选项 #8</option>
<option value="9">选项 #9</option>
<option value="10">选项 #10</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-xs-12">单选框</label>
<div class="col-xs-12">
<div class="radio">
<label for="example-radio1">
<input type="radio" id="example-radio1" name="example-radios" value="option1">
Option 1
</label>
</div>
<div class="radio">
<label for="example-radio2">
<input type="radio" id="example-radio2" name="example-radios" value="option2">
Option 2
</label>
</div>
<div class="radio">
<label for="example-radio3">
<input type="radio" id="example-radio3" name="example-radios" value="option3">
Option 3
</label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-xs-12">内联单选框</label>
<div class="col-xs-12">
飞天素材网后台管理框架模板 v2.0.zip （244个子文件） 
bootstrap.min.css 106KB theme.css 85KB style.css 72KB fonts.css 29KB bootstrap-datepicker3.css 22KB jquery-confirm.min.css 22KB bootstrap-datepicker3.min.css 21KB ion.rangeSlider.min.css 11KB bootstrap-datetimepicker.css 9KB bootstrap-datetimepicker.min.css 8KB bootstrap-colorpicker.css 5KB bootstrap-colorpicker.min.css 4KB jquery.tagsinput.min.css 903B ftsucai.eot 111KB
loader.gif 6KB loading.gif 6KB
forms_elements.html 30KB ui_buttons.html 27KB ui_icons.html 26KB pages_permission2.html 25KB pages_permission.html 25KB forms_switch.html 24KB js_msg.html 17KB pages_data.html 17KB js_chartjs.html 16KB home.html 14KB ui_tables.html 13KB ui_grid.html 13KB index.html 12KB ui_other.html 11KB ui_progress.html 10KB ui_tabs.html 8KB pagination.html 8KB ui_cards.html 7KB pages_add_doc.html 7KB js_sliders.html 7KB forms_radio.html 6KB forms_checkbox.html 5KB ui_step.html 5KB pages_guide.html 5KB ftdms-config.html 5KB pages_config.html 5KB js_notify.html 4KB js_datepicker.html 4KB pages_login.html 3KB pages_profile.html 3KB js_tags_input.html 3KB js_colorpicker.html 2KB pages_edit_pwd.html 2KB favicon.ico 1KB
img-2.jpg 19KB img-1.jpg 14KB img-3.jpg 2KB Chart.js 536KB bootstrap-datetimepicker.js 101KB jquery.min.js 82KB bootstrap-datepicker.js 57KB ion.rangeSlider.min.js 40KB bootstrap-datetimepicker.min.js 37KB moment.min.js 35KB bootstrap-datepicker.min.js 33KB bootstrap-colorpicker.js 32KB chosen.jquery.min.js 28KB jquery-confirm.min.js 28KB bootstrap.js 22KB bootstrap-colorpicker.min.js 18KB perfect-scrollbar.min.js 18KB pace.min.js 12KB bootstrap-notify.min.js 8KB framework.js 8KB jquery.bootstrap.wizard.min.js 7KB ru.js 6KB jquery.tagsinput.min.js 6KB uk.js 6KB sl.js 6KB be.js 6KB sk.js 6KB cs.js 6KB ar.js 5KB bo.js 5KB lb.js 5KB zh-cn.js 5KB lt.js 5KB indextab.js 5KB ne.js 5KB ka.js 5KB bs.js 4KB hr.js 4KB mr.js 4KB sr-cyrl.js 4KB hi.js 4KB ta.js 4KB is.js 4KB bn.js 4KB hy-am.js 4KB me.js 4KB sr.js 4KB jquery.cookie.js 4KB el.js 4KB hu.js 4KB共 244 条
- 1
- 2
- 3
资源评论
