<!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">