<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery表单占位符动画插件 - 网页模板</title>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,700i,900" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/help-styles.css" />
<link rel="stylesheet" href="src/foxholder-styles.css" />
</head>
<body>
<div class="htmleaf-container">
<div class="container">
<header class='main-header'>
<div class="row">
<div class="col-lg-12">
<div class="share">
<div class="addthis_inline_share_toolbox"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<nav class="text-center">
<a class="btn" href="#example-1" title="">Demo 1</a>
<a class="btn" href="#example-2" title="">Demo 2</a>
<a class="btn" href="#example-3" title="">Demo 3</a>
<a class="btn" href="#example-4" title="">Demo 4</a>
<a class="btn" href="#example-5" title="">Demo 5</a>
<a class="btn" href="#example-6" title="">Demo 6</a>
<a class="btn" href="#example-7" title="">Demo 7</a>
<a class="btn" href="#example-8" title="">Demo 8</a>
<a class="btn" href="#example-9" title="">Demo 9</a>
<a class="btn" href="#example-10" title="">Demo 10</a>
<a class="btn" href="#example-11" title="">Demo 11</a>
<a class="btn" href="#example-12" title="">Demo 12</a>
<a class="btn" href="#example-13" title="">Demo 13</a>
<a class="btn" href="#example-14" title="">Demo 14</a>
<a class="btn" href="#example-15" title="">Demo 15</a>
</nav>
</div>
</div>
</header>
<main>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
<div class="form-container-1">
<h3 class="text-center">Demo 1</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-1" type="text" placeholder="First Input" required />
<input id="second-input-1" type="email" placeholder="Second Input" required />
<textarea id="msg-1" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-2">
<h3 class="text-center">Demo 2</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-2" type="text" placeholder="First Input" required />
<input id="second-input-2" type="email" placeholder="Second Input" required />
<textarea id="msg-2" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-3">
<h3 class="text-center">Demo 3</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-3" type="text" placeholder="First Input" required />
<input id="second-input-3" type="email" placeholder="Second Input" required />
<textarea id="msg-3" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-4">
<h3 class="text-center">Demo 4</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-4" type="text" placeholder="First Input" required />
<input id="second-input-4" type="email" placeholder="Second Input" required />
<textarea id="msg-4" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-5">
<h3 class="text-center">Demo 5</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-5" type="text" placeholder="First Input" required />
<input id="second-input-5" type="email" placeholder="Second Input" required />
<textarea id="msg-5" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-6">
<h3 class="text-center">Demo 6</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-6" type="text" placeholder="First Input" required />
<input id="second-input-6" type="email" placeholder="Second Input" required />
<textarea id="msg-6" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-7">
<h3 class="text-center">Demo 7</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-7" type="text" placeholder="First Input" required />
<input id="second-input-7" type="email" placeholder="Second Input" required />
<textarea id="msg-7" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-8">
<h3 class="text-center">Demo 8</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-8" type="text" placeholder="First Input" required />
<input id="second-input-8" type="email" placeholder="Second Input" required />
<textarea id="msg-8" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-9">
<h3 class="text-center">Demo 9</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-9" type="text" placeholder="First Input" required />
<input id="second-input-9" type="email" placeholder="Second Input" required />
<textarea id="msg-9" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-10">
<h3 class="text-center">Demo 10</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-10" type="text" placeholder="First Input" required />
<input id="second-input-10" type="email" placeholder="Second Input" required />
<textarea id="msg-10" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-11">
<h3 class="text-center">Demo 11</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-11" type="text" placeholder="First Input" required />
<input id="second-input-11" type="email" placeholder="Second Input" required />
<textarea id="msg-11" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-12">
<h3 class="text-center">Demo 12</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-12" type="text" placeholder="First Input" required />
<input id="second-input-12" type="email" placeholder="Second Input" required />
<textarea id="msg-12" placeholder="Message"> </textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="form-container-13">
<h3 class="text-center">Demo 13</h3>
<p class="text-muted text-center">Click on textarea or input to check</p>
<form>
<input id="first-input-13" type="text" placeholder="First Input" require