<!DOCTYPE html>
<html lang="en">
<head>
<title>testAll</title>
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/prettyCheckable.css" rel="stylesheet" >
<link href="css/select2.css" rel="stylesheet"/>
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap.file-input.js"></script>
<script type="text/javascript" src="js/prettyCheckable.min.js"></script>
<script type="text/javascript" src="js/select2.js"></script>
<style type="text/css">
<!--
.STYLE1 {
color: #FF0000;
font-size: 18px;
}
.STYLE2 {color: #FF0000}
.STYLE3 {
font-size: 18px;
font-weight: bold;
color: #FF0000;
}
-->
</style>
</head>
<body style="margin:auto 50px;">
<span class="STYLE1">一、fileupload(bootstrap.file-input)       </span><br>
<span class="STYLE2">js:</span><br>
jquery-2.0.3.min.js<br>
bootstrap.min.js<br>
bootstrap.file-input.js<br>
<span class="STYLE2">css:</span><br>
bootstrap.min.css<br>
<!-- Change the wording using a title tag -->
<input type="file" title="Search for a file to add 1" class="btn-primary">
<br>
<br>
<input type="file" title="Search for a file to add 2" class="btn btn-primary">
<br>
<br>
<input type="file" title="Search for a file to add 3" class="btn-primary">
<br>
<br>
<input type="file" title="Search for a file to add 4" class="btn-primary">
<br>
<br>
Disable the styling:
<!-- Disable the styling -->
<input type="file" data-bfi-disabled>
<script type="text/javascript">
$('input[type=file]').bootstrapFileInput();
</script>
<br><br><br>
<span class="STYLE1"><strong>二、checkbox&radio(prettyCheckable) </strong></span><br>
<span class="STYLE2">js:</span><br>
jquery-2.0.3.min.js<br>
prettyCheckable.min.js<br>
<span class="STYLE2">css:</span><br>
prettyCheckable.css<br>
<br>
<span class="STYLE2">checkbox:</span><br>
<input type="checkbox" class="myClass" value="1" id="answer" name="answer" data-color="green"/>
<input type="checkbox" class="myClass" value="2" id="answer" name="answer" data-color="red"/>
<br>