PolymerForm lets you create google polymer-like style form easily.
- Polymer like style
- Easy to use
- You can handle PolymerForm like common style form.
- Easy to customize appearance
- Bar color
- Bar height
- Direction of bar animation
- Label color
- Also work with mobile
- Import jQuery and PolymerForm.
<!-- CSS -->
<link rel="stylesheet" href="css/jquery.polymer-form.min.css"/>
<!-- JS -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/jquery.polymer-form.min.js"></script>
- Create some input elements.
<input type="text" label="Name" name="name" class="demo-form">
<input type="password" label="Password" name="password" class="demo-form">
- Kick polymerForm function.
$(document).ready(function(){
$(".demo-form").polymerForm();
});
Takuro Wada